为了账号安全,请及时绑定邮箱和手机立即绑定
animation-play-state:running//开始

animation-play-state:paused;//暂停
奇数是正向,偶数是反向 alternate
animation-direction:alternate
animation-iteration-count//重复次数
animation-delay//延时多少执行
animation-timing-function//运动方式
animation-ruration//动画完成时间
animation-name
@keyframes changecolor{

form{

}

to{


}

}


div:hover{

animation:changecolor 1s ease-in 2s;
}
transition:all 0.5s ease-in 0.2s;
transition-property
transition-duration
transition-timing-function
transition-property:params;
transition-duration:time;
transition:all 0.5 ease-in 0.18;
transform:translate(-50%,-50%);
transform:scale(0.8,0.8);

transform:scaleX(0.8);
transform:scaleY(0.8);//这两个貌似不能同时存在
-webkit-transform:skew(x,y);

transform:skewY(y);

transform:skewX();
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消