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 animation effects can be applied to any element on the page, solely by adding the appropriate class to the desired HTML tag.
Pretty simple to deploy and quite useful for creating beautiful effects for hover or entrance motions.
Supported animations:
Big Entrance
Bounce
Expand Open
Expand Up
Fade In
Floating
Hatch
Pull Down
Pull Up
Pulse
Slide Down
Slide Expand Up
Slide Left
Slide Right
Slide Up
Stretch Left
Stretch Right
Tossing
Requirements:

Related Scripts

  • 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...
  • The Yak
    The Yak is a Button / Sound / Animation Applet allowing you to create proffesional effects for your images.Features: - No key file required! - Priced....
  • Xlsappend8
    With xlsappend8 you can write a matrix to an existing Excel spreadsheet (in format v97-2003). It's native, so *no* ActiveX server (Excel) needs to be ...
  • Excelwrapper
    It supports handling an Excel sheet inside a MATLAB class. Here are some key features of "ExcelWrapper":· Launching an Excel Sheet in Foreground ...
  • 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 ...
  • 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 ...
  • 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 "...
  • Jquery Sheet
    The plugin animates a hidden panel from the top of the page, giving the impression of a slide-down top panel.A demo is included with the download pack...
  • 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...
  • Game Cheat Site
    Game Cheat Site is a search engine optimized product which enables you to run your own cheat codes site. Features: - search engine friendly ...
  • Emoji Emoticons 0.1
    Emoji Emoticons will convert simple text shortcuts into a fully blown graphic icon.All emojicons shortcuts used with the plugin can be found online at...
  • 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...
  • Online Contact Sheet Creator 2.5
    Online Contact Sheet Creator is an online tool that generates stylish contact sheets without any fussing around in Photoshop. You can use the script t...
  • 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...
DMCA Notice-Privacy Policy
2004 - 2013 DownScripts. All rights reserved.