白岩龙-20201029

知识总结:
动画:

transition:all 10s ease-in 3s;/过渡
transform:rotate(360deg);/旋转
rotateY(90deg):沿Y轴旋转90度(360deg)
scale(1.5);/缩放
skew(45);/倾斜
transform:translate();/平移
matrix(-1,-1,-1,0,-1,1);/扭曲,两行三列的三角函数矩阵
overflow:hidden;/子容器超出父容器的部分隐藏
from从什么状态到什么状态
forwards播放到最后一帧
nation change(绑定) 3s(播放时间)ease 1s forwards infinte alternate
running  inherit控制是否播放
 盒子模型:
盒子大小width,height
盒子颜色
box-sizing:content-box;/盒子实际大小
box-shadow:0px 0px 50px yellow inset:/盒子阴影
border-radious: 30px;/圆角
padding内边距
块级标签和行级标签的属性转化
float:left;/浮动
1.当块级标签加了float就有了行级标签不独占一行的特性
特别注意:使用float时,一定外面加个容器包起来


个人心得:通过今天的学习,我学到了制作动画的各种功能和命令,还有盒子模型的各项指令,受益匪浅,虽然老师讲的可能不能及时消化记住和熟练运用,但我相信,经过自身的努力,一定能把老师讲的灵活使用

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1