CSS速刷 - CSS效果

1. box-shadow 阴影
   
   
   👇
   

2. text-shadow
   立体感，印刷品质感

3. border-radius
   圆形：半径设为50%
   像素、百分比...

4. background
   多背景叠加、纹理、图案、渐变、雪碧图动画、背景图尺寸适应
   background-position: center(横向居中) top(纵向顶部对齐)
   cover：覆盖容器但图片不被拉伸

5. clip-path
   按照指定的形状裁剪元素。

6. 3D-transform
   
   变换顺序不能随意交换

面试真题来了


box-sizing: border-box 包含进border里面，不会影响元素的布局



机器猫胡须



preserve:透视