15個最佳jQuery插件,用于創建CSS3動畫

jopen 10年前發布 | 7K 次閱讀 CSS3

1. Jquery Smoove

15個最佳jQuery插件,用于創建CSS3動畫
Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.

2. CSS3 Animate it

15個最佳jQuery插件,用于創建CSS3動畫
CSS3 Animate It is a lightweight plugin to animate elements on to the page when they come into view.

3. WaitMe

15個最佳jQuery插件,用于創建CSS3動畫
WaitMe is a jQuery plugin for easy creating loading CSS3 animations. Plugin use css3 animation, and works on all browsers and IE10+.

4. Stroll.js

15個最佳jQuery插件,用于創建CSS3動畫
Stroll.js is a collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x.

5. Flip Quote

15個最佳jQuery插件,用于創建CSS3動畫
jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it’s scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

6. Tram.js

15個最佳jQuery插件,用于創建CSS3動畫
tram.js is cross-browser CSS3 transitions in JavaScript. The idea behind Tram is to take the performance and flexibility of CSS transitions and define them in JavaScript – offering a more powerful, expressive API with auto-stopping, sequencing, and cross-browser fallbacks.

7. Spin.js

15個最佳jQuery插件,用于創建CSS3動畫
spin.js is an animated CSS3 loading spinner with VML fallback for IE. It dynamically creates spinning activity indicators that can be used as resolution-independent replacement for AJAX loading GIFs.

8. Words Rotator

15個最佳jQuery插件,用于創建CSS3動畫
WordsRotator is a jQuery plugin to easily add rotating words with CSS3 animation.

9. Custombox

15個最佳jQuery插件,用于創建CSS3動畫
Custombox is a jQuery modal window effects with CSS3 transitions. There are many effects such as FadeIn, Slide, Newspaper, Fall, Sidefall, Blur, Flip, Sign, Superscaled, Slit, Rotate,Letmein, Makeway, Slip etc.

10. Mixit Up

15個最佳jQuery插件,用于創建CSS3動畫
MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content.

11. Fancy Input

15個最佳jQuery插件,用于創建CSS3動畫
Fancy Input, a jQuery plugin, doesn’t focus on the styling part but makes the fields attractive (and fun-to-use) by adding CSS3-powered effects. The plugin hides the input field, places a span element containing the character pressed and applies CSS3 transitions to each element (letter). There are multiple built-in effects and it works with both input + textarea fields.

12. Textillate.js

15個最佳jQuery插件,用于創建CSS3動畫
Textillate.js is a simple plugin for CSS3 text animations. Textillate.js combines some awesome libraries to provide an ease-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it’s dependencies in your project to start creating unique effects.

13. Loda Button

15個最佳jQuery插件,用于創建CSS3動畫
Loda Button jQuery plugin that animates the button icon with CCS3 when loading data from the server. The animation is created using CSS3′s animation, transitions and transforms, which are supported by Chrome, Firefox, Opera, and IE10.

14. Flip Clock

15個最佳jQuery插件,用于創建CSS3動畫
FlipClock.js is a jQuery plugin with CSS3 animations to addcounter, timer and clock with smooth flip effect.

15. jQuery Transformlist

15個最佳jQuery插件,用于創建CSS3動畫
jquery.transformlist is a jQuery plugin to add support for styling and correctly animating CSS3 transforms that make use of multiple transform functions. jquery.transformlist aims to assist you in creating a transform list of several transform functions that are composited for a specific task, and then provides you with means to use jQuery.animate() between different sets of arguments for those transform functions.

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!