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 ...
  • 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...
  • 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 ...
  • 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...
  • 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...
  • 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 "...
  • Pretty Css3 Buttons
    Comes in 6 default colors.The buttons are purely made with CSS3 code, no images involved. Requirements:· CSS3 enabled browser...
  • 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...
  • 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...
  • 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...
  • 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...
  • 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 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...
  • 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 ...
  • Css3 Maximizer 0.1
    The CSS3 Maximizer script allows developers to write their CSS 3 code only once, vendor prefix free.It works by analyzing inputted rules and automatic...
  • Wicked Css3 3d Bar Chart (Animated)
    At normal state, a small icon and horizontal cylinder will be shown.Hovering the mouse over one of the cylinder/option will animate the bar according ...
DMCA Notice-Privacy Policy
2004 - 2013 DownScripts. All rights reserved.