Nifty Modal Window Effects
by Mary Lou
A set of experimental modal window appearance effects with CSS transitions and animations.
+ 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.
Dynamic Grid with Transitions
by Mary Lou
A dynamic grid layout that let’s you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can add transitions.
+ more
Creative Button Styles
by Mary Lou
Some creative and modern button styles and effects for your inspiration.
+ more
Simple Icon Hover Effects
by Mary Lou
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
+ more
Examples of Pseudo-Elements Animations and Transitions
by Marco Barria
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects.
+ more
Morphing Devices
by Mary Lou
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots.
+ more
A Collection of Page Transitions
A showcase collection of various page transition effects using CSS animations.
+ more
Text Opening Sequence with CSS Animations
by Mary Lou
A simple and fun text opening sequence effect with blurry letters using CSS animations.
+ more
Fullscreen Layout with Page Transitions
by Mary Lou
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items.
+ more
Responsive Multi-Level Menu
by Mary Lou
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
+ more
Flipping Circle Slideshow
by Mary Lou
A simple circular slideshow where we flip the image in order to navigate.
+ more
3D Image Gallery Room
by Mary Lou
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
+ more
3D Book Showcase
by Mary Lou
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
+ more
Slider Pagination Concept
by Mary Lou
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.
+ more
Sticky Captions Concept
by Mary Lou
A little trick on how to make captions of thumbnails or items “sticky” in order to stay visible in the window or viewport.
+ more
Responsive & Touch-Friendly Audio Player
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
+ more
StackSlider: A Fun 3D Image Slider
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
+ more
Simple Effects for Drop-Down Lists
by Mary Lou
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
+ more