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

posted @   一个甜橙子  阅读(10)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示