Re: css3动画简介以及动画库animate.css的使用

添加时间:17-06-11 所属分类:HTML网页,JS语言与代码
  如果是使属性的默认值,则可以省略:


相当于:


如果想要同时过渡多个属性,可以用逗号隔开,如:



使用transtion属性只是规定了要如何去过渡,要想让动画发生,还得要有元素状态的改变。如何改变元素状态呢,当然就是在css中给这个元素定义一个类(:hover等伪类也可以),这个类描述的是过渡动画结束时元素的状态。


这样,当我们把鼠标移动到div上的时候,div的状态发生了变化,就能看到宽度从100到400,高度从100到400,背景颜色从黑到红的,过渡时间为3秒的过渡效果了。

除了使用hover等系统提供的伪类外,我们也可以随意的定义自己的类,然后想要过渡时就通过js把类加到元素上面:
  • 1
  • 2
  • 3
  • 4
  • 5

前篇:Animate.css让添加CSS动画像喝水一样容易 后篇:济南闯红灯曝光又添新平台 违法视频将在客运...
发表我的评论


推荐文章   巴中男子用残疾的手为盲妻修了一座小木...   军人甩旗动图展飒爽英姿   52岁代课教师坚守青海东部山沟20年:我...   这3种爸爸,容易培养出优秀孩子,教会孩...   懂核反应堆学过微积分?幼升小“神童简...
随机文章   ckplayer 如何在PC上完美支持 m3u8播放   jquery.superslide 幻灯片Banner的调用...   JS+CSS实现滑动切换tab菜单效果   使用CSS制作文字环绕图片效果(文字内容...   JAVA支付宝:web页面扫码支付、网站支付...
广告

其他推荐

因为本站所有内容均转载自其它媒体,本意为公众提供免费服务,但并不代表本网赞同其观点,也不能对其真实性验证负责,如稿件版权单位或个人不想在本网发布,请与我联系,本人会立即将其撤除,谢谢.联系方式:atseashawk@163.com QQ:99289555