过渡属性:使元素变化过程可见
transition: all 1s;元素所有变化过程都可见
transition: 1s;元素所有变化过程都可见
transition: 指定属性 2s 1s;指定属性变化过程可见,过渡时间2s,延迟1s,过渡时间和延迟时间顺便不可以调整

案例:

(1)html

<div></div>

(2)css

div{
width: 100px;
height: 100px;
background: red;
transition: width 2s,height 2s 1s;
}
div:hover{
width: 200px;
height: 200px;
background: lime;
}

最新文章

  1. 【WebGoat习题解析】Parameter Tampering-&gt;Bypass HTML Field Restrictions
  2. 为Informix数据库开启事务
  3. Nginx的配置文件
  4. 提高你的数据库编程效率:Microsoft CLR Via Sql Server
  5. leetcode题1Two sum 练习
  6. VIM于换行EOL的思考
  7. 我的新纪元Day01
  8. matlab 图像设置
  9. Vue数据交互
  10. h5小功能_classList和自定义属性data
  11. CSS常用伪类
  12. LaTeX语法笔记
  13. TensorFlow图像识别(物体分类)入门教程
  14. DBUtils工具
  15. Android ListView CheckBox状态错乱(转)
  16. Netty源码分析第8章(高性能工具类FastThreadLocal和Recycler)----&gt;第4节: recycler中获取对象
  17. subversion commit 报错A checksum mismatch occurred
  18. Eclipse html 编辑器插件下载安装
  19. mysql group replication 安装&amp;配置详解
  20. C++ 线程的创建、挂起、唤醒和结束 &amp;&amp;&amp;&amp; 利用waitForSingleObject 函数陷入死锁的问题解决

热门文章

  1. 第07组 Beta冲刺(4/5)
  2. Oracle11g R2客户端安装图文详解过程
  3. [Python] 01 - Number and Matrix
  4. Docker容器(六)——创建docker私有化仓库
  5. 阿里云k8s部署zookeeper集群
  6. Graphviz(02) 汉字subgraph不显示汉字的处理
  7. 日志收集系统ELK搭建
  8. python excel导入到数据库
  9. 小白都能看懂的vue中各种通信传值方式,附带详细代码
  10. 讲解JavaScript中对闭包的理解