效果属性

这个效果怎么实现?

1.boxshadow

2.textshadow

3.border-radius

4.background

5.clip-path

box-shadow:

(1)营造层次感

(2)充当没有宽度的边框

(3)特殊效果

text-shadow:

(1)立体感

(2)印刷品质感

border-radius:

(1)圆角矩形

(2) 圆形

(3)半圆/扇形

(4)一些奇怪的角角

background:

(1)纹理,图案

(2)渐变

(3)雪碧图动画

(4)背景图尺寸适应

clip-path:

(1)对容器进行裁剪

(2)常见几何图形

(3)自定义 路径

原文地址:https://www.cnblogs.com/qijiang123/p/13803972.html