CSS速刷 - CSS效果

一个甜橙子發表於2024-10-21

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

相關文章