12.19CSS学习笔记

滤镜 filter: grayscale(80%)/blur(像素)




旋转 transform:rotate(**deg)旋转单位deg(度数) 正值就是顺时针旋转 负值就是逆时针旋转
缩放 transform:scale(number)number为缩放比例
水平位移 transform: translateX(像素)
竖直位移 transform: translateY(像素)


图片边框 border-image:url(borderimage.png)(图片地址) 30(九宫格的宽度)   stretch(拉伸)/round(平铺)/repeat(重复)


文本加阴影   text-shadow
   text-shadow:3px 3px 3px #FFF;
容器加阴影   box-shadow
   box-shadow:0px 0px 40px rgba(255,255,255,0.8);