Pixel Distortion Effect with Three.js
An interactive WebGL pixel distortion effect with lots of possibilities based on the effect seen on the website for “Infinite Bad Guy”.
+ morePlayground
In this category you will find experiments, plugins and articles related to web development and programming. Here we present some new ideas and inspiration for solving problems and tackling challenges around web development.
Alternate Column Scroll Animation
by Mary Lou
A grid layout with columns that scroll in opposite directions and a content preview animation.
+ more
Grid Zoom Layout
by Mary Lou
A simple image grid layout where a small grid image zooms to become larger while a content view opens.
+ more
Slideshow with Filter Reveal Effect
by Mary Lou
A slideshow page layout with a filter enhanced navigation effect.
+ more
SVG Overlay and Infinite Menu Background Animation
by Mary Lou
A little menu effect with an SVG overlay and an infinite background CSS animation.
+ more
Repetitive Typography Animation
by Mary Lou
An experimental typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.
+ more
Kinetic Typography Page Transition
by Mary Lou
A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level.
+ more
Menu and Thumbnail Stack Animation
by Mary Lou
An animation on an image stack for a menu where the images get rearranged from a column into a row.
+ more
Layout with Reveal Animations and Content Preview
by Mary Lou
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
+ more
Inline to Menu Link Animation
by Mary Lou
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
+ more
Thumbnail Hover Effect with SVG Filters
by Mary Lou
A simple thumbnail hover effect with an SVG filter distortion.
+ more
Rotated 3D Letters and Image Hover Effect
by Mary Lou
A rotated 3D like letters hover effect combined with a tilted image for a menu.
+ more
Magnetic 3D Grid Interaction with Content Preview
by Mary Lou
A grid layout with a magnetic 3D interaction effect and a content preview animation.
+ more
Preview to Full Content Page Transition
by Mary Lou
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
+ more
Distributed Letters Animation Layout
by Mary Lou
A distributed letters animation in the context of a triple panel layout with hover effect.
+ more
Tropical Particles Rain Animation with Three.js
A WebGL particle rain animation resulting in an interesting image effect made with Three.js.
+ more
Shape Slideshow with Clip-path
by Mary Lou
An experimental slideshow using clip-path to create shape transitions between slides.
+ more
Circular SVG Text Animation
by Mary Lou
Exploring some experimental circular SVG text effects for an intro animation.
+ more