|
过渡是一个动画的效果 语法：transition:动画css属性 过渡时间秒数 速度类型 延迟的秒数 取值：第一个值，写css属性名称，就是要发生改变的css属性，第二个值是时间单位s秒，第三个值是发生改变的曲线linear匀速，ease先慢后快再慢，第四个值可以定义动画在几秒后开始 代码案例： - <head>
- <meta charset="utf-8">
- <title>无标题文档</title>
- <style>
- img{
- display:block;
- margin:50px auto;
- border:1px solid #000;
- /* 加过渡效果，必须是在元素原本的样式上面加，不在伪类上加 */
- transition:transform 2s linear;
- }
- img:hover{
- transform:scale(1.5);
- }
- </style>
- </head>
- <body>
- <img src="img/meinv.jpg" />
- </body>
其中transition:transform 2s linear; 我们通常写成： | 
