3d Animation Using Pure Css3

At normal state, images and the description containers will be shown with a minimized width.
When hovering the image, a 3D perspective is added to the focused image, exapnding the text container and image at their real width.
All the animations effects are created using modern CSS3 code, but can easily be recreated in jQuery to allow support for older browsers. Requirements:
· CSS3 enabled browsers

Related Scripts

  • Pure Css Forrst Icon 1.0
    It is an implementation of the Forrst logo in pure CSS3 source. Requirements:· CSS3 enabled on client side...
  • Slick Css3 Animated Image Caption
    The image title can be custom positions and animated. The animation effect is also CSS3-based, via CSS3 Transitions. Requirements:· CSS3 enabled ...
  • Creative Css3 Animation Menus
    The menu's range in style and animation, from vertical to horizontal layouts. All menus are animated and all menu items have an icon in front of the t...
  • Css3 Animation Cheat Sheet
    The CSS3 Animation Cheat Sheet is a small stylesheet which developers can append to their standard CSS and support basic CSS3 keyframe animations.The ...
  • Css3 Overlay System
    Being only CSS, the modal is very easy to customize, without tangling yourself in JavaScript code and complex CSS style templates. Here are some key f...
  • Animation Benchmarking
    It pins HTML5 technologies right against Flash.Animation frame rates are displayed in real-time in the bottom-right corner of the page. Here are some ...
  • Jquery.transition.js
    The plugin is composed by two different scripts:- jquery.transition.js for writing animations using the native .animate() method of jQuery.- jquery.ho...
  • Slicebox 1.1.0
    Works by leveraging CSS3 and jQuery, creating 3D transitions, similar to the ones found in the Flash tool, Piecemaker. Here are some key features of "...
  • Less Prefixer
    It creates a common syntax for CSS 3 syntax, eliminating the need to use prefixes.This is done with LESS mixins.The stylesheet contains a list of LESS...
  • Cssanimationkeyframeevents v0.1
    The script allows the developer to trigger JavaScript events for each keyframe of a CSS3 animation. A demo is included with the download package. Requ...
  • Original Hover Effects With Css3
    All hover effects are animated via CSS3 syntax only. Uses CSS3 transitions for the effects.They can also be easily extended by changing transition val...
  • Css3 Jewelcase
    It showcases images as CD/DVD cases.All graphics are renderd with CSS3 code. Of course, the images must be pulled from somewhere else. Here are some k...
  • Jquery Sequencer 0.5.1
    jQuery Sequencer takes leverage of the new CSS3 animation support, allowing developers to define simple CSS3 transition effects via jQuery syntax.Sequ...
  • Pretty Css3 Buttons
    Comes in 6 default colors.The buttons are purely made with CSS3 code, no images involved. Requirements:· CSS3 enabled browser...
  • Fx.css3 2.2.0
    Where possible, the plugin gives way and runs the animations via CSS3. It basically mimics Mootools' Fx.Tween behavior.Like the Fx effect, Fx.CSS3 is ...
  • Css3-only Tabs
    Content can be scrolled using CSS3 tabs.Hover efects are supported, along with other CSS3 stylings like gradients.Absolutely no JavaScript has been us...
  • Css3 Buttons
    This buttons eliminate the need of complex graphics when creating web buttons.They take complete advantage of the tools CSS3 puts in front of web desi...
  • Flipper
    The animation is done via jQuery and CSS3. Here are some key features of "Flipper":· Decide which DOM element to flip· Set item perspective&...
  • Sprite3d.js
    Sprite3D is framework agnostic, written in pure stand-alone JS code. The library basically wraps HTML objects and manipulates their position via CSS3 ...
  • Css3 Click Chart
    Comes in two sides: one for common CSS3 rules and one for cutting-edge, still untested CSS3 features. In the header of the page, the user can click a ...
DMCA Notice-Privacy Policy
2004 - 2013 DownScripts. All rights reserved.