3D Perspective Glitch Hover Effect
by 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.
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
A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy’s website.
Several interactive cursor effects made with JavaScript and SVG.
by Manoela Ilic
A fullscreen scroll-based slideshow with a content view powered by GreenSock’s Observer plugin.
by Manoela Ilic
A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.
by Manoela Ilic
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
by Manoela Ilic
A little grid interaction effect where adjoining items make way to a selected one that expands.
by Manoela Ilic
Some ideas for animations on images in a grid when scrolling a page.
by Manoela Ilic
A simple transition where a large image animates to its place in a grid.
by Manoela Ilic
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
by Manoela Ilic
An intro animation concept with an initial loader and an intro screen that animates to a new layout using various effects.
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”.