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 @   一个甜橙子  阅读(9)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
点击右上角即可分享
微信分享提示