网页基础

1.边框圆角

border-radius:50%是圆形

2.盒子阴影

box-shadow:10px   10px   10px             10px                           #0a0 insert

                       水平    垂直   模糊程度     模糊程度扩展大小    颜色   内模糊,不写就是外模糊

3文字阴影

text-shadow:10px  10px   10px              #0a0

                      水平    垂直     模糊程度     颜色

4.transform变换

transform:translate(10px,10px);平移    对应X轴Y轴

transform:rotate(50deg);旋转     deg是度数

transform:scale(2,1.5);缩放   X=2倍  Y=1.5倍

transform:skew(20deg,50deg);扭曲

transform:matrix(a,b,c,d,e,f);矩阵

transform:origin(100%,50%);改变元素基点