变形元素旋转css阴影

一、 css3 transform 变换

translate(x,y) 设置盒子的位移

scale（x,y)设置盒子缩放

roate（dog) 设置盒子的旋转

skew（x-angle,y-angle） 设置盒子的斜切

perspective  设置透视距离

transform-styoleflat ：preserved-3d设置盒子是否按3d空间显示

translateX translateY translateZ 设置三维移动

rolateX rolateY rolateZ 设置三维的旋转

scaleX scaleY  scaleZ 设置三位缩放

tranform-origin  设置变形的中心点

backface-visiblity 设置盒子的背面是否可见

二、 css阴影

可以设置  水平偏移   垂直偏移  羽化大小  拓展大小  颜色 内阴影或者外阴影

box-shadow  h-shadow  水平偏移

box-shadow v-shadow   垂直偏移

box-shadow blur      羽化大小

 box-shadow  spread     扩展大小

box-shadow color    颜色

box-shadow   inset    是否内阴影