A Collection of Page Transitions
A showcase collection of various page transition effects using CSS animations.... read more
Pedro's Articles (16)
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 view... read more
Adaptive Thumbnail Pile Effect with Automatic Grouping
An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile w... read more
Baraja: A Plugin for Spreading Items in a Card-Like Fashion
With this jQuery plugin items can be spread in a card-like fashion and displayed in an unusual way. Several parameters allow many different spreading results, allowi... read more
Slicebox Revised
Slicebox, the jQuery 3D image slider plugin, has been updated. We've done some major improvements and added new features.... read more
PFold: Paper-Like Unfolding Effect
A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can... read more
Windy: A Plugin for Swift Content Navigation
This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm.... read more
BookBlock: A Content Flip Plugin
A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.... read more
Experimental Page Layout Inspired by Flipboard
An experimental page layout that let's you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard.... read more
3D Gallery with CSS3 and jQuery
Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.... read more
Arctext.js – Curving Text with CSS3 and jQuery
While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly t... read more
Experimental CSS3 Animations for Image Transitions
Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We'll be using CSS3 3D Transforms for Webkit only.... read more
Fullscreen Image 3D Effect with CSS3 and jQuery
Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image's fullscreen version by rotating two blocks in three-dimension... read more
Multi-level Photo Map
This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the location of the places where each ... read more
Slicebox – A fresh 3D image slider with graceful fallback
Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new prope... read more
Automatic Image Montage with jQuery
Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right imag... read more
Would you like to write for Codrops?
We are always searching for creative and bold minds that have extraordinary ideas and are happy to try out new things related to web design and web development. Become part of an amazing group of contributors and authors and start writing for us.
Get in touch with us and tell us what makes you crazy and innovative enough to join the Codrops team.