1 2 3 4 5 6 7 8 9 10 11 12 13 14 | //鼠标移动到元素上,会出现宽度变化效果 .test{ height: 100px; width: 100px; background-color: pink; transition-duration: 3s; /* 以下三值为默认值,稍后会详细介绍 */ transition-property: all; transition-timing- function : ease; transition-delay: 0s; } .test:hover{ width: 500px; } |
回来的时候以3s 去的时候以500ms
站长微信:xiaomao0055
站长QQ:14496453