On-Scroll Text Repetition Animation
by Manoela Ilic
An on-scroll animation that shows repeated fragments of a big text as seen on the website of Dr. Dabber.
The Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
by Manoela Ilic
An on-scroll animation that shows repeated fragments of a big text as seen on the website of Dr. Dabber.
by Manoela Ilic
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
by Manoela Ilic
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.
by Manoela Ilic
An expanding menu animation with a cover unreveal effect in the background.
by Manoela Ilic
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
by Manoela Ilic
A simple and fun hover effect with repeated image layers that get scaled up and down.
by Manoela Ilic
A background color shift effect using a CSS blend mode and a multi-layer animation.
by Yuri Artiukh
An interactive WebGL pixel distortion effect with lots of possibilities based on the effect seen on the website for “Infinite Bad Guy”.
by Manoela Ilic
A grid layout with columns that scroll in opposite directions and a content preview animation.
by Manoela Ilic
A simple image grid layout where a small grid image zooms to become larger while a content view opens.
by Manoela Ilic
A slideshow page layout with a filter enhanced navigation effect.
by Manoela Ilic
A little menu effect with an SVG overlay and an infinite background CSS animation.
by Manoela Ilic
An experimental typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.
by Manoela Ilic
A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level.
by Manoela Ilic
An animation on an image stack for a menu where the images get rearranged from a column into a row.
by Manoela Ilic
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
by Manoela Ilic
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
by Manoela Ilic
A simple thumbnail hover effect with an SVG filter distortion.