p{ width: 300px; height: 300px; background-color: yellow; } p:hover{ hover是鼠标悬停的意思。 width: 400px; height: 400px; background-color: red;
transition-delay:1s; 从什么时间开始过渡。这里是从一秒后开始的
transition-duration:2s; 过渡花费的时间。用这个就出现过度效果了。贼特么科幻。
transition-property:width; 规定某个属性的过渡。这个是只过渡宽度 其他的不过度。
transition-timing-function: 下面有四种贝塞尔活动
#div1 {transition-timing-function: linear;} 默认的平滑
#div2 {transition-timing-function: ease;} 下面三个的中间快慢
#div3 {transition-timing-function: ease-in;} 理解成又慢变快
#div4 {transition-timing-function: ease-out;} 先快后慢
#div5 {transition-timing-function: ease-in-out;} 慢快慢