博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何指定个别属性进行transition过渡
阅读量:4916 次
发布时间:2019-06-11

本文共 463 字,大约阅读时间需要 1 分钟。

transition是CSS3新增的动画属性,可以实现属性的平滑过渡,大大提高用户体验,对于多个属性进行过渡的话很多人会这样写

.tr{ transition:all 1s}

很不幸的是如果我只需要对其中一两个而不是全部属性进行过渡话很多人就素手无策了,其实你可以这样写

.tr{ transition-property: width , height; transition-duration:1s , 1s;}

tips:

transition有四个属性,很多人都会遗忘,分别是transition-property,transition-duration,transition-timing-function,transition-delay,尤其是transition-delay,这个可以实现延迟动画

附上transition官方网址:https://www.w3.org/TR/css3-transitions/

转载于:https://www.cnblogs.com/diantao/p/5798157.html

你可能感兴趣的文章
C#实现在注册表中保存信息
查看>>
DAO
查看>>
特别篇:Hyper-v群集模拟实战演示
查看>>
Java中 final、static、abstract区别与联系
查看>>
python工具类之collections
查看>>
Eclipse安装hibernate插件
查看>>
Android类参考---Fragment
查看>>
Java 可中断线程
查看>>
声音推荐【Anaesthesia】Maximilian Hecker强烈推荐
查看>>
地址虚拟机vmware centos6.3 Device eth0 does not seem to be present
查看>>
链表实现单链表创建、排序(升序)
查看>>
Spring旅程(一)为什么使用Spring
查看>>
centos安装桌面和远程连接
查看>>
侠探锦毛鼠之真假白玉堂
查看>>
[mark]如何删除地址栏的记录?
查看>>
python CSV写中文
查看>>
poj3304 Segments
查看>>
Android onNewIntent调用时机
查看>>
命令模式
查看>>
MySQL 基础命令
查看>>