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:透視