Tooltip to Gallery Transition
by Mary Lou
A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.
+ 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.
Inline Layout Switch Ideas
by Mary Lou
Two ideas for animating images from an inline layout to a column or grid-based one.
+ more
Unreveal Effects for Content Previews
by Mary Lou
Some explorations of page transitions using covering elements and CSS clip-paths.
+ more
Smooth Panel Scroll Effects
by Mary Lou
An exploration of smooth panel scroll effects based on Margot Priolet’s website.
+ more
On-Scroll Animation and View Switch
by Mary Lou
A layout with some scroll animations and a view switch where the content item images animate to a grid.
+ more
Menu to Grid Layout Animation
by Mary Lou
A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid.
+ more
3D Perspective Glitch Hover Effect
by Mary Lou
A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy’s website.
+ more
Custom SVG Cursors with an Interactive Emitter Effect
Several interactive cursor effects made with JavaScript and SVG.
+ more
Fullscreen Scrolling Slideshow
by Mary Lou
A fullscreen scroll-based slideshow with a content view powered by GreenSock’s Observer plugin.
+ more
Large Image to Content Page Transition
by Mary Lou
A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.
+ more
Tiny Grid Layout Animation
by Mary Lou
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
+ more
Make Way Grid Effect
by Mary Lou
A little grid interaction effect where adjoining items make way to a selected one that expands.
+ more
Scroll Animation Ideas for Image Grids
by Mary Lou
Some ideas for animations on images in a grid when scrolling a page.
+ more
Image To Grid Transition
by Mary Lou
A simple transition where a large image animates to its place in a grid.
+ more
Stack to Content Layout Transition
by Mary Lou
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
+ more
Image Trail Animation for an Intro
by Mary Lou
An intro animation concept with an initial loader and an intro screen that animates to a new layout using various effects.
+ more
On-Scroll Text Repetition Animation
by Mary Lou
An on-scroll animation that shows repeated fragments of a big text as seen on the website of Dr. Dabber.
+ more
Lines to Content Layout Animation
by Mary Lou
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
+ more