Unfolding 3D Thumbnails Concept
In Playground, by Manoela Ilic
A 3D thumbnail view concept for image slideshows: the current image gets opened up and a thumbnail view unfolds in 3d.
3d
Triple Panel Image Slider
In Tutorials, by Manoela Ilic
A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.
Circle Hover Effects with CSS Transitions
In Tutorials, by Manoela Ilic
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.
3D Flipping Circle with CSS3 and jQuery
In Tutorials, by Manoela Ilic
In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.
Responsive 3D Panel Layout
In Playground, by Manoela Ilic
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects.
3D Thumbnail Hover Effects
In Tutorials, by Manoela Ilic
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.
Creating an Animated 3D Bouncing Ball with CSS3
In Tutorials, by Daniel Sternlicht
In this tutorial we’ll create an animated 3D bouncing ball using only CSS3 transitions, animations and shadow effects.
Animated 3D Bar Chart with CSS3
In Tutorials, by Sergey Lukin
A tutorial on how to create an animated 3d bar chart using CSS only.
Experimental Page Layout Inspired by Flipboard
In Playground, by Manoela Ilic
An experimental page layout that let’s you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard.
Slideshow with jmpress.js
In Tutorials, by Manoela Ilic
Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides.
3D Gallery with CSS3 and jQuery
In Playground, by Manoela Ilic
Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.
Experimental CSS3 Animations for Image Transitions
In Playground, by Manoela Ilic
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.
Fullscreen Image 3D Effect with CSS3 and jQuery
In Playground, by Manoela Ilic
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-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.
Slicebox – A fresh 3D image slider with graceful fallback
In Playground, by Manoela Ilic
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 properties.
Fullscreen Gallery with Thumbnail Flip
In Tutorials, by Manoela Ilic
In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when […]
Showcase of Depth and Perspective in Web Design
In Articles, by Manoela Ilic
An interesting way to spice up a web design is to add some depth to it. Instead of making a design flat, certain elements and techniques can stimulate the depth […]
