A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.
A 3D rotating navigation, powered by CSS transformations and jQuery.
A simple template to showcase your application features through a smooth 3d animation, powered by CSS and jQuery.
3D page fullscreen animated transition with CSS3 and jQuery.
Creating 3D Carousel using TweenMax.js and jQuery. It works best in Chrome/Safari, then FF.
The aim of three.js is to create a lightweight 3D library with a very low level of complexity. The library provides
<svg>, CSS3D and WebGL renderers.
<svg>, CSS3D, DOM, Software; effects: anaglyph, crosseyed, stereo and more
Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.
Pushing the site content aside to reveal a navigation has certainly become a trend for mobile navigations. The approach reflects some practices in app design where "views" are shown with animations. Here are small set of effects that take the page and move it in 3D to reveal a navigation.
jQuery Interactive 3D let you create a 3D interactive object using several images as frames allowing the user to drag around and manipulate the image. It can be use for showcasing your product on the web.
GFX is an 3D CSS3 animation library that extends jQuery with some useful functionality for programmatically creating CSS3 transitions.
CSS3 transitions are superior to manual ones (using setTimeout) since they're hardware accelerated, something particularly noticeable on mobile devices.
3D Image Gallery Room is an experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
Adaptor is a light-weight content slider that aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.
It has multiple options for customization including: speed of the transitions, delay between each item auto-slideshow being on/off, pauseOnHover and more.
Here you ll learn how to create a little component with a realistic touch. The idea is based on the sweet paper effect found in the video of the Google Developer Stories.
We’ll 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.