Background Shift Animation with CSS Blend Modes
by Manoela Ilic
A background color shift effect using a CSS blend mode and a multi-layer animation.
Playground
The Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
Pixel Distortion Effect with Three.js
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”.
Alternate Column Scroll Animation
by Manoela Ilic
A grid layout with columns that scroll in opposite directions and a content preview animation.
Grid Zoom Layout
by Manoela Ilic
A simple image grid layout where a small grid image zooms to become larger while a content view opens.
Slideshow with Filter Reveal Effect
by Manoela Ilic
A slideshow page layout with a filter enhanced navigation effect.
SVG Overlay and Infinite Menu Background Animation
by Manoela Ilic
A little menu effect with an SVG overlay and an infinite background CSS animation.
Repetitive Typography Animation
by Manoela Ilic
An experimental typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.
Kinetic Typography Page Transition
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.
Menu and Thumbnail Stack Animation
by Manoela Ilic
An animation on an image stack for a menu where the images get rearranged from a column into a row.
Layout with Reveal Animations and Content Preview
by Manoela Ilic
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
Inline to Menu Link Animation
by Manoela Ilic
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
Thumbnail Hover Effect with SVG Filters
by Manoela Ilic
A simple thumbnail hover effect with an SVG filter distortion.
FBO Particles with Three.js
by Yuri Artiukh
Learn how to code the particle cloud seen on the website of Visualdata using Three.js.
Rotated 3D Letters and Image Hover Effect
by Manoela Ilic
A rotated 3D like letters hover effect combined with a tilted image for a menu.
Magnetic 3D Grid Interaction with Content Preview
by Manoela Ilic
A grid layout with a magnetic 3D interaction effect and a content preview animation.
Preview to Full Content Page Transition
by Manoela Ilic
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
Distributed Letters Animation Layout
by Manoela Ilic
A distributed letters animation in the context of a triple panel layout with hover effect.
Tropical Particles Rain Animation with Three.js
by Yuri Artiukh
A WebGL particle rain animation resulting in an interesting image effect made with Three.js.
