• 转:35个让人惊讶的 CSS3 动画效果演示


    本文收集了35个惊人的 CSS3 动画演示,它们将证明 CSS3 Transform 和 Transition 属性的强大能力。CSS 是网页设计非常重要的一部分,随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择。如今,用纯 CSS 就可以实现各种各样很酷的效果,甚至是动画。

    原文地址:http://www.cnblogs.com/lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html

    1. Pure CSS Coke Can

    2. Colorful Clock

    3. jQuery DJ Hero

    4. Animated Pricing Column

    5. Slick jQuery Menu

    6. Frame-by-Frame Animation (Hover to Play)

    7. AT-AT Walker

    8. Contextual Slideout Tips With jQuery & CSS3

    9. CSS3 & jQuery Slide Out Button

    10. A Fresh Bottom Slide Out Menu with jQuery

    11. Drop-In Modals

    12. CSS3 Lightbox Gallery With jQuery

    13. Easily Turn Your Images Into Polaroids with CSS3

    14. Beautiful Looking Custom Dialog Box With jQuery and CSS3

    15. Cross-Browser Rounded Buttons with CSS3 and jQuery

    16. CSS3 DropDown Menu

    17. CSS3 Search Form

    18. CSS3 Dynamic Shadow

    19. CSS3 Music Player Menu

    20. Elastic Thumbnail Menu

    21. Create Depth And Nice 3D Ribbons Only Using CSS3

    22. CSS3 Chunky Menu

    23. CSS3-only horizontal drop line tab menu

    24. javascript-effect alternatives using CSS3 for webkit browsers

    25. CSS3 Flying Menu

    梦想天空关注前端开发,展示HTML5CSS3应用,分享jQuery插件,推荐优秀网页设计案例。

    26. Twitter-like Input Using CSS3

    27. Animated wicked CSS3 3d bar chart

    28. Wicked CSS3 3d bar chart

    29. Pure CSS3 bokeh effect

    30. Query & CSS3 Gallery With Animated Shine Effects

    31. Interactive Image Vamp up with jQuery, CSS3 and PHP

    32. How to Create a “Stay-On-Top” Menu with CSS3 and jQuery

    33. Halftone Navigation Menu With jQuery & CSS3

    34. 3D Meninas

    35. Sliding Vinyl

    36. Spotlight Cast Shadow

    Spotlight Cast Shadow
  • 相关阅读:
    敏捷开发读后感
    结对编程:电梯调度 (张恿、赵骞)
    软件工程 Individual Project
    [转]SQLServer 2008以上误操作数据库恢复方法——日志尾部备份
    下拉菜单demo---参考阿里云首页顶部下拉菜单
    走进spring之springmvc实战篇(二)
    剖析javascript全局变量和局部变量
    走进spring之springmvc实战篇(一)
    日常总结——JSP篇(补)
    我的程序员之路
  • 原文地址:https://www.cnblogs.com/jearay/p/7715908.html
Copyright © 2020-2023  润新知