Responsive CSS Timeline with 3D Effect
In Tutorials, by Manoela Ilic
A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected.
3d
Slicebox Revised
In Articles, by Manoela Ilic
Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.
PFold: Paper-Like Unfolding Effect
In Playground, by Manoela Ilic
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 be specified.
Windy: A Plugin for Swift Content Navigation
In Playground, by Manoela Ilic
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.
3D Restaurant Menu Concept
In Tutorials, by Manoela Ilic
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
BookBlock: A Content Flip Plugin
In Playground, by Manoela Ilic
A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages.
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.
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.
