吕先华-20201029
(1)自定义动画:/*animation: change 3s;绑定动画*/
animation: change/*动画名称*/
3s ease 1s forwards /*(动画悬停最后一帧)*/
infinite;/*infinite动画播放*/
(2)动画参数:transition:all 3s;/*动画运动时长,过度*/
overflow: hidden;/*子容器超出父容器的部分隐藏overflow加在父标签*/
transition: all 10s ease-in;动画播放匀加速*/
/*过渡效果要放到类选择器*/
background: yellow;颜色变化
transform: rotate(360deg);旋转
transform: scale(1.5);缩放
transform: skew(40deg);倾斜45deg
transform: translate(300px);平移
transform: matrix(-1,-1,-1,0,-1,1);扭曲,参数为两行三列的三角函数矩阵
同时加几种动画transform:各参数之间加空格即可
(3)box-shadow 0px 0px 50px 0yellow(盒子边框阴影)
box-radius(圆角)
box-sizing:content-box(盒子加不加边框)
border-bottom-right-radius: 右上角;
border-bottom-left-radius: 左上角;
(4) margin:0 auto(水平居中)
border-width:1px(边框宽)
border-color(边框颜色)
(5)CTRL+shift+delete:(清楚缓存)
心得:基本上能更得上老师讲课的节奏,但是自己觉得这种要是想上手就得多练这方面。
点赞
评论留言