On-Scroll Pixelated Image Loading Effect
by Manoela Ilic
A recreation of the on-scroll pixelated image loading effect seen on Felicity Ingram’s website.
+ moreThe Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
by Manoela Ilic
A recreation of the on-scroll pixelated image loading effect seen on Felicity Ingram’s website.
+ moreby Manoela Ilic
Some ideas and inspiration for layout animations where we go from an irregular grid to a slideshow or alternative view.
+ moreby Manoela Ilic
An animation featuring image tiles that transform into a full image when a menu item is clicked.
+ moreby Manoela Ilic
A concept for a view switch animation from grid to slideshow.
+ moreby Manoela Ilic
Inspiration for “pixel” page transitions based on Niccolò Miranda’s animation.
+ moreby Manoela Ilic
Some inspiration for clip-path animations where a fullscreen image moves into a row/grid of smaller images, morphing its shape along the way.
+ moreby Manoela Ilic
Some ideas for hover effects using clip-path animations where the same image gets revealed in a creative way.
+ moreby Manoela Ilic
A second set of ideas for on-scroll typography animations.
+ moreby Manoela Ilic
A shuffling type animation with various effects for a geeky terminal look.
+ moreby Yuri Artiukh
A brief exploration into how to twist and rotate text in 3D using Three.js and Shader magic.
+ moreby Manoela Ilic
Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design.
+ moreby Manoela Ilic
A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.
+ moreby Manoela Ilic
Two ideas for animating images from an inline layout to a column or grid-based one.
+ moreby Manoela Ilic
Some explorations of page transitions using covering elements and CSS clip-paths.
+ moreby Manoela Ilic
An exploration of smooth panel scroll effects based on Margot Priolet’s website.
+ moreby Manoela Ilic
A layout with some scroll animations and a view switch where the content item images animate to a grid.
+ moreby Manoela Ilic
A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid.
+ moreby Manoela Ilic
A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy’s website.
+ more