Archives: BD.Motion

Motionpage Thumb

Entrance animation

Create your own entrance animation, motion.page is limiteless.For 3D effect, don't forget to add a Perspective to your Transform property (directly set in Breakdance in the Advanced settings). other motion.page [...]
Read more
Motionpage Thumb

Looping Effects

Basic looping animations with a twist! other motion.page animations Floating elements The secret : Adding a custom property : ease:sine.inOut to make a perfect loop!Plus some random positions so the [...]
Read more
Motionpage Thumb

Text Effect

With motion.page we can easily animated letters or words, by using the Stagger property.Be aware that each letter will be wrapped in a Div, and each Div will be animated.So [...]
Read more
Motion Page Banner3d

3D banners

The animation is incredibly basic as it's just about tweening a CSS variable. Nothing else!The structure is a bit more advanced, as it's all about 3D made in CSS. other [...]
Read more
Motion Page Gallery

Image Gallery

Galleries are fun to animate, but you need to do it properly.Here are some examples. other motion.page animations Gallery #1 Only one element : Gallery No Extra Divs No Custom [...]
Read more
Motion Page Mini Gallery

Mini Gallery

These mini galleries are galleries that are fully visible in the viewport.So instead of creating a trigger event for each image, the animation is actually triggered by the gallery itself.Then [...]
Read more
Motion Page Reveal

Reveal Effect

Wrap whatever your want in a Div, then change the color in the CSS variable from the custom CSS (Code Block).We can also animate the color with Motion (see example [...]
Read more
Motion Page Underline

Underline on Scroll

What do you get when you use a linear gradient, a CSS variable and motion.page ?A very nice effect that requires only one node in one timeline. other motion.page animations [...]
Read more