本节简介:讲解css3的圆角、阴影、旋转、缩放、以及速率等属性值
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
shadow X轴偏移,Y轴偏移, 模糊的范围, 阴影的扩展, 阴影的颜色, 内阴影
box-shadow:0px 0px 20px 5px rgba(0,0,0,0.8);
box-shadow:x 轴偏移 y轴偏移 模糊的范围 阴影的扩展 阴影的颜色 内阴影
transform :旋转rotate(数deg) 缩放 scale(x轴,y轴)
cs3阴影制作:box-shadow:x轴偏移 Y轴 模糊的范围 阴影的扩展 阴影的颜色 内阴影
box-shadow: X轴偏移 Y轴偏移 模糊范围 阴影扩展 阴影颜色 内阴影;
border-radius:属性 圆50% 圆角5
box-shadow:X轴偏移 Y轴偏移 模糊范围 阴影扩展 阴影颜色 内阴影
box-shadow:X轴偏移 Y轴偏移 模糊范围 阴影扩展 阴影颜色 内阴影
transform:rotate(属性值),如:transform:rotate(45 deg)表示将元素旋转45度;transform:scale(属性值),如transform:scale(1.2),表示元素的x轴和y轴都放大1.2倍
border-radius:xpx;如果要让一个规整的图形显示为圆形,则设置border-radius为50%;另外也可以分别设置每个角的圆角值
box-shadow表示元素的阴影box-shadow:X轴偏移 Y轴 模糊的范围 阴影的扩展 阴影的颜色
X轴偏移,Y轴偏移 模糊范围,阴影的扩展,阴影的颜色,内阴影
 box-shadow盒子阴影:X轴偏移 :0pxY轴偏移:0  模糊的范围:0   阴影的扩展:0  阴影的颜色:rgba(0,0,0,0.8)  内阴影:inset。阴影逗号之后可以加多份的,圆角border-radius:50%变圆.text-shadow文字阴影。 transform转型:rotate旋转、scale缩放(45deg、45度)
box-shadow:x轴 Y轴 模糊范围 阴影扩展 阴影颜色 内阴影 border-radius:50%圆角
给父级加一个 overflow:hidden,可以让图像放大或缩小时不会超出 div的 范围
让图像有过渡效果,应该给img加一个css,让transform加在img标签里,