您好，欢迎来到源码搜藏！分享精神，快乐你我！提示：担心找不到本站？在百度搜索“源码搜藏”，网址永远不丢失！
[加入VIP] 设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签
  • 首 页
  • 安卓源码
  • VIP源码
  • 网站源码
  • 网页特效
  • 网站模板
  • 矢量素材
  • PSD素材
  • PNG图标
  • FLASH素材
  • 插件工具
  • 开发教程
  • 视频书籍
  • 在线工具
    • 当前位置：首页 > 网页特效 > css3特效 >

    纯CSS3实现流畅的自行车特效

    时间：2014-06-18 08:31 来源：互联网 作者：源码搜藏 浏览： 次 收藏 挑错 推荐 打印
    效果预览 进入下载地址列表
    纯CSS3实现流畅的自行车特效纯CSS3实现流畅的自行车特效是一款有特色的CSS3动画，自行车的动画包含轮子、车链以及脚踏板，细节很到位，绘制这个一定花了作者不少时间。CSS3自行车动画效果CSS3动画

    <div class="front-frame">
    <div class="bottle-holder">
    <span></span>
    </div>
    </div>
    <div class="center-frame"></div>
    <div class="back-frame"></div>
    <div class="bottom-frame"></div>
    <div class="handlebar-front"></div>
    <div class="handlebar-curve"></div>
    </div>
    <div class="cycle-wheel cycle-wheel-back">
    <div class="cycle-wheel-outer">
    <div class="cycle-wheel-inner">
    <div class="cycle-wheel-inner-padding">
    <ul class="spoke-container">
    <li class="spoke"></li>
    <li class="spoke"></li>
    </ul>
    <div class="inner-disc"></div>
    <div class="inner-disc-2"></div>
    </div>
    </div>
    </div>
    </div>
    纯CSS3实现流畅的自行车特效由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/css3texiao/9536.html 源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
    标签：网站源码自行车动画效果css3CSS3动画
    上一篇：纯CSS3左右滑动开关按钮
    下一篇：CSS3弹出Metro登录表单
    CSS3制作3D图片立方体旋转特效CSS3制作3D图片立方体旋转特效
    jQuery+CSS3遮罩弹出层动画代码jQuery+CSS3遮罩弹出层动画代码
    CSS3鼠标滑过tip提示框动画特效CSS3鼠标滑过tip提示框动画特效
    jQuery和CSS3添加到购物车特效jQuery和CSS3添加到购物车特效
    CSS3绘制各种图形图标样式特效CSS3绘制各种图形图标样式特效