animation
animation列表
-
CSS3的animation轻松实现漂浮的云
在过去，我们只能用flash或Javascript来实现背景动画。幸运的是，CSS3的流行使得我们完全可以不再依赖其它编程技术，使用CSS3就可以实现这种效果。一段简单的CSS代码就能... [animation]
-
使用 CSS3 实现超炫的 Loading（加载）动画效果
SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit 的目标不是提供一个每个... [animation]
-
使用CSS3构建Ajax加载动画
原文地址：http://webdesignersdesk.com/2010/05/create-ajax-loading-animation-with-css3/译者：蒋宇捷 通常前端工程师采用gif动画图片来表现Ajax的加载。但是现在c... [animation]
-
一款jquery和css3实现的卡通人物动画特效
之前为大家分享了很多jquery和css3的动画实例。今天给大家带来一款非常炫的jquery和css3实现的卡通人物动画特效。效果图如下：在线预览 源码下载实现的代码。html... [animation]
-
一款基于jquery和css3的头像恶搞特效
今天给大家分享一款基于jquery和css3的头像恶搞特效。这款实例中，一个头像在画面中跳舞，头像还有可爱的帽子，单击下面的按钮可以为头像切换不同的帽子。效果图如下：在线... [animation]
-
jQuery+CSS3动画框架magic
源码下载 在线演示 Magic是一个有许多动画CSS3框架。简单易用，很多动画是跨浏览器兼容的。代码：<link rel=\"stylesheet\" href=\"yourpath/magic.css\"> $(\'.... [animation]
-
使用CSS制作APPLE WATCH刻度盘动画效果
在这篇文章中，我们将使用CSS来实现Apple Watch界面中的刻度盘动画效果。如果看过Apple Watch的宣传页面，就会看到其中有一个红绿蓝三色形成一个圆形刻度盘动画的效果。查看演... [animation]
-
视频教程：CSS3动画属性实用技巧教程
目前CSS3动画已经越来越流行，在一些网页专题的产品介绍页面，手机APP首屏展示页面，又或者只是一个按钮简单变形，都可以使用CSS3来实现，虽然动画简单，但却让静态枯燥无味的页面增加... [animation]
-
使用CSS3的step()生成的动画效果
在线演示及下载在这些DEMO中，将演示如何使用CSS3的step()来处理动画效果。运动的小车：.contain-car { animation: drive 4s steps(4, end) infinite;} .contain-car-2 { an... [animation]
-
Magic CSS3 – 创建各种神奇的交互动画效果
Magic CSS3 Animations 动画是一个独特的 CSS3 动画特效包，你可以自由地使用您的 Web 项目中。只需简单的在页面上引入 CSS 样式: magic.css 或者压缩版本 magic.min.... [animation]
-
jQuery+CSS3动画框架magic
源码下载 在线演示 Magic是一个有许多动画CSS3框架。简单易用，很多动画是跨浏览器兼容的。代码：<link rel=\"stylesheet\" href=\"yourpath/magic.css\"> $(\'.... [animation]
-
CSS教程-响应布局与平滑过渡
在本教程中，我们将创建一个响应式的全屏页面布局。这个页面是由导航模块+简单的内容面板构造而成的，出发导航条，内容区域会以平滑的方式滚动出现在相应位置。html代码：我们... [animation]
-
CSS3制作莲花开放
这个效果我一拿到效果，让我惊叹了一翻，使用纯CSS3代码制作了一个莲花开放的效果，藤藤利用自己所掌握的CSS3知识将Niels Doorn使用js和CSS3制作的莲花开放的案例修改成了... [animation]
-
CSS3 动画齿轮
在今天的课程中，我们使用CSS3制作一个动画齿轮效果，效果看起来非常漂亮。其中我使用了CSS3关键帧、动画和转换（旋转），为了得到这个结果，请注意：只有在火狐Firefox浏览器、谷歌Chrom... [animation]
-
CSS3 Animation（上）
单从Animation字面上的意思，我们就知道是“动画”的意思。但CSS3中的Animation与HTML5中的Canvas绘制动画又不同，Animation只应用在页面上已存在的DOM元素上，而且他跟Fl... [animation]
-
CSS3 Transitions（基础）
Step1:Link transitions开头，我们做一些基础的练习：当指上文字的时候，改变其颜色！代码如下：.case1 a{ color:#333; -webkit-transition:color 500ms ease-in;}.case1 a:... [animation]
-
CSS3 Transitions, Transforms和Animation使用简介与应用展
一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享... [animation]
-
一款带有发光动画的HTML5表单
今天给大家秀一款带有发光动画的HTML5表单，挺酷的，效果图如下： 当表单获取焦点时，表单四周就会呈现出发光动画的效果，并不断地进行颜色渐变；当表单失去焦... [animation]
-
给你推荐10款优秀的 HTML5 动画工具
HTML5 在过去三年快速增长，已经成为 Web 开发人员最喜欢的编程语言之一。强大的编程语言拥有开发更好的网页应用的能力。 HTML5 中引入的新技术都非常好，像 Chrome、Firefox、... [animation]
