Animation

On Scroll
On Hover
On Click
On Load
Animate me!
Animate me!
Animate me!
Animate me!
Create animation with at least four steps. See, it's a piece of cake!
Try to make a sloooow animation... and then a quick one.
Experiment a bit with them to feel the difference.

Welcome to Sandbox, an interactive tutorial,
where you can change whatever you like.

Now you're in the editing mode. To preview the page, press P or click on in the right bottom corner. To return to editing, press , which replaced the eye. You can switch between two modes anytime.


You can switch between two modes at any moment to check how your animation works.

P
switch between editing and preview mode

Press in the right bottom corner and click on any widget to see if it's animated. If it is, the animation toggle will be blue.

There are four types of animation in Readymag.

Create an animation of each type. Choose any widget from the Widgets panel by clicking W or in the bottom left corner of the screen. And then set the animation type in the widget’s settings panel on the right edge of the screen.

W
add widget

⌘+Z
undo action

⌘+Shift+Z
redo action