[[wwLink = {"linkPage": 69703} | text = Publisher's course]]

[[wwLink = {"linkPage": 99378} | text = Developers]]

Start building for free

[[wwLink = {"linkPage": 69703} | text = Publisher's course]]

[[wwLink = {"linkPage": 99378} | text = Developers]]

TRY WEWEB FOR FREE

Animations

1:20

Animations

One of the big trends of Webdesign is to add animations to your site in order to energize it and offer a better experience to your visitors.

With WeWeb it is possible to animate all the elements of your website.

How to animate your elements?

To animate an element of your page, click on the element in question.

A pop - up appears, click on"Options"then choose"Animations".

Take the example of an image.


To animate an image, click on the image, a pop-up appears:


[[wwObject=5]] click on “Options”

[[wwObject=6]] then choose “Animation”

From this interface, click on "PRESET" and access the different types of preconceived animations.

View each animation directly to your left.


Once the preset selected you can customize it by adding more options or even create your own tailor-made animations and confirm your choice by clicking ok.


To view your animation on your page, simply click on the play button next to the icon

[[wwObject=10]]This principle of animation works in the same way for all the elements

except to animate text.


How to animate text?

To animate text, place your mouse cursor where you want to animate text.

A text editing bar appears, click on the orange icon as shown

pictured below.

Appears again the pop - up that you start to know click on "Options" and there find the different options to animate your text.

Ready to energize your site? Create your site [[wwLink={"linkExt": "https://login.weweb.app/"} |text=WeWeb ]]now!


Introduction to the editor

Website management

Section editing

Elements Edition

Animations

Metadata & Seo

WYSIWYG Editor - Animations

NAVIGATION

[[wwLink = {"linkExt": "https://www.weweb.io/editor"} | text = Editor]]

[[wwLink = {"linkExt": "https://www.weweb.io/components"} | text = Components]]

[[wwLink = {"linkExt": "https://www.weweb.io/pricing"} | text = Pricing]]

LEARN

[[wwLink = {"linkPage": 69703} | text = Tutorials]]

[[wwLink = {"linkExt": "https://learn.weweb.io/documentation"} | text = Documentation]]

BUSINESS

[[wwLink = {"linkExt": "https://www.weweb.io/legal-notice"} | text = Legal notices]]

[[wwLink = {"linkExt": "https://policy.weweb.io/"} | text = Terms and conditions]]

[[wwLink = {"linkExt": "https://jobs.stationf.co/companies/weweb"} | text = We are recruiting!]]

COMMUNITY

© 2019 WEWEB SAS - All rights reserved - contact@weweb.io