本节简介:讲解css3的圆角、阴影、旋转、缩放、以及速率等属性值
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
transform transform:rotate旋转(45deg(deg代表度数)) scale范围(放大缩小)(1.4)
shadow: X轴偏移 Y轴偏移 模糊 阴影扩展 阴影颜色 内阴影
transform transform:rotate旋转(46deg(deg代表度数)) scale范围(放大缩小)(1.4)
给文字加阴影:text-shadow:0 4px 10px #000000;
圆角属性 :border-radius:40px 按比例的话做圆50%
阴影:box-shadow:x轴偏移 Y轴 模糊的范围 阴影的扩展 阴影的颜色 内阴影(inset) 即有内阴影又有外阴影的话inset后面加个逗号,值再写一边
overflow:hidden:hidden; 将超出对象尺寸的内容进行裁剪,将不出现滚动条。(边框不会缩放,对象的超出部分将会被裁剪。)
transform:scale(x,y); 表示对象缩放(分别表示x轴、y轴)
transform:rotate(45deg) 表示对象旋转45度(deg:表示角度)
box-shadow:(图形的阴影) 、text-shadow:(文本的阴影)
.box{width:200px;height:100px;background:red;box-shadow:x轴偏移 y轴偏移 阴影模糊的范围 阴影的扩展 阴影的颜色 内阴影;}
transform:rotate(45deg)} 旋转 45度 deg表示单位
scale 缩放(X轴,Y轴) ( transform 值)
transform:rotate旋转属性(45deg);度=deg