首页 > 其他 > 详细

效果属性

时间:2020-10-12 20:12:08      阅读:53      评论:0      收藏:0      [点我收藏+]

这个效果怎么实现?

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!