#div{ width: 100px; height: 100px; transition: all 1s; background: red;}#div:hover{ transform: rotate(360deg) scale(2,2) skew(10deg,5deg);} 注:在transform:动画类型中间用【空格】隔开 旋转 缩放 扭曲 等就可以同时执行多个不同的动画效果啦!
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号