Want to make creations as awesome as this one?

Transcript

Instructions

Template

Examples

Tutorial

Change backgrounds and animate them

Reuse

Atrezo

Let's test how it works. On this page we have changed the background automatically.

https://img.genial.ly/5eac64436fdd5064e1378201/04070bf6-4d0c-42a8-89b6-e089814350cd.jpeg

COMMUNITY

GAMIFICATION

INNOVATION

CHALLENGES

RESOURCES

https://img.genial.ly/5eac64436fdd5064e1378201/58972d23-8e61-475f-85e5-e8359e808f5d.jpeg

20

https://drive.google.com/file/d/1yO7_iDL3dVdRY71LiQgmF74Baq9NaGER/view?usp=sharing

15

Works with links to Google drive

Imagen de ejemplo para animar el fondo base.

https://drive.google.com/file/d/1yO7_iDL3dVdRY71LiQgmF74Baq9NaGER/view?usp=sharing

15

60

As you can see, we can animate a background if it has the right size in both directions.

Imagen de ejemplo para animar el fondo base.

https://img.genial.ly/5eac64436fdd5064e1378201/769917da-10f4-4c37-b14d-21df51189bbb.jpeg

15

We can even give the background a vertical up or down animation.

Imagen de ejemplo para animar el fondo base.

https://img.genial.ly/5eac64436fdd5064e1378201/fe59a4cd-f2ea-407a-b87c-61aa7fec7801.jpeg

20

We can also revert to the default background at any time.

Click on the desired background image. You can return to the original background by pressing the X

The background will remain until you decide to change it again.

Template

Group with the address of the new base background image and it is automatically changed. **Group with an image and clicking on it will change the background.

Place this element on a page to animate the base background vertically. If you group it with a number, you set the speed of the animation. You need a base background image with at least 1:3 proportions. THE SMALLER THE NUMBER THE FASTER

If you use this element ungrouped on your page, it resets the default background automatically. Grouped with object or image, it works as a button that resets the background when pressed.

Grouped with the address of the image it will be your default background and it will appear if you press the Background Reset button. If you don't use it, the background you choose as a base in genially will be displayed. *

Bottom to top

Top the bottom

Place this element on a page to animate the base background horizontally. If you group it with a number, you set the speed of the animation. There must be a base background image with at least 3:1 proportions.

Forward

Backwards

Important:Make sure you delete the canvas in "background"- the background will be the BASE! If you have a canvas on top, you won't be able to see it!

15

15

20

10