transform:变形
rotate:旋转 如:rotate:(180deg);旋转180度
skew:扭曲 (用得较少。)
scale:缩放 1(正常样子,原型) .9(是原型的0.9倍) 1.2(原型的1.2倍)
translate:移动 translate:(50%,50%)X轴移动50%,Y轴移动50%。
transition:过渡
transition-property:过渡效果的 CSS 属性的名称 如:transition-property: all;
transition-duration:过渡持续的时间
transition-timing-duration:变换速率 linear:匀速 ease:逐渐变慢 ease-in-out:加到减
transition-delay:动画开始执行的时间
鼠标经过图片变大代码:
img{
cursor:pointer //鼠标经过图片时,鼠标变成手指
transition:all 0.6s;
}
:hover img{
transform:sclae(1.2);
}