曾文钊-20201029

transotion:all 3s;(all代表所有过渡,3s代表旋转时间)
width 10s ease-in 3s(匀速3秒)
transform:rotate(360deg);/旋转/
(deg代表度)
transform:rotateX(90deg);/沿X轴旋转90度/
transform:rotateY(90deg);/沿Y轴旋转90度/
transform:scale(1.5);/放大1.5倍/
transform:scale(0.5);/缩小0.5倍/
transform:skew(45deg);/倾斜45度/
transform:translate(300px)/平移/

transform:matrix(1,-1,-1,0,-1,-1);/扭曲:2行三列的三角函数矩阵/
transform:rotate(45deg) scale(1.2) matrix(1,-1,-1,0,-1,-1)
(倾斜,缩放,扭曲...乱七八糟)
overflow:hidden;(子容器超出父容器的部分隐藏)
“若此指令位于.box img内,则为父容器超出子容器的部分隐藏”
background-size(此为字体规模大小)
background-position:-120px(此为向左平移)
(正号时向右平移)
@keyframes change(change为名字)
adimation change 3s (此为动画模式播放三秒结束)
adimation change 3s ease 1s(此为动画模式匀速播放1秒结束)
adimation change 3s ease 1s forwards(此为动画模式匀速播放1秒结束至最后一帧)
adimation change 3s ease 1s forwards infinite
adimation change 3s ease 1s forwards infinite alternate
.bigbox(大图)
.smallbox(小图)
从大图大小图的颜色变化
border(边界)
border:1px(边界1像素)
margin-top(向上)
margin-left(向左)
margin-bottom(向下)
mragin
float(浮动)
float-left(向左浮动)
float-top(向上浮动)
float--bottom(向下浮动)
特别注意使用float是,一定外面加个容器

心得体会:今天讲的知识点特别多,又要顾及考研,又要顾及实践,但是该完成的任务还是要完成,态度得端正。记下的东西跟实践起来完全不是一回事。加油吧!尽力而为

标签

评论

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