博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS3边框特效
阅读量:6772 次
发布时间:2019-06-26

本文共 547 字,大约阅读时间需要 1 分钟。

1.边框阴影:box-shadow:30px 10px 10px 10px black;

(1)水平方向的阴影,负值向左偏移。

(2)垂直方向阴影,负值向上偏移。

(3)代表阴影模糊度,最小为0,模糊代表越往外侧颜色越浅。

(4)阴影的外延值,代表阴影所占据的范围。

(5)阴影的颜色,可以省略,默认为黑色。

box-shadow:30px 10px 10px;(三个值,阴影的外延值就不存在了)。

box-shadow:30px 10px;(两个值,阴影的模糊度和外延值就不存在了)。

insert代表阴影出现在元素的内部,大于0出现在左和上,小于0出现在右和下。

box-shadow:insert 10px -10px;

2.圆角

border-radius:10px 30px;(代表左上,右下)

border-radius:10px 30px 50px;(代表右上,右下,左下)

border-radius:10px 30px 50px 70px(按顺时针显示左上,右上,右下,左下)

border-radius:100px(水平)/50px(垂直)     (水平的椭圆)

 

转载于:https://www.cnblogs.com/SummerBreezeYHC/p/7076461.html

你可能感兴趣的文章
openssl升级脚本
查看>>
haproxy负载均衡算法
查看>>
python发送各类邮件的主要方法
查看>>
CSS 小结
查看>>
BGP Outbound Route Filtering (ORF)理论
查看>>
iptables工作原理(通俗理解)
查看>>
【函数】05、装饰器由浅入深
查看>>
DBMS_REPAIR example
查看>>
初识linux
查看>>
ORA-07445 [SIGBUS] [Object specific hardware error]错误一例
查看>>
Yii2的Html,Request组件详解
查看>>
使用ASP.NET实现Windows Service定时执行任务
查看>>
Linux下查看nginx、mysql、php的安装路径和编译参数
查看>>
VC++在内存中绘图
查看>>
Linux下IP地址配置
查看>>
DNS view
查看>>
Mahout数据承载
查看>>
快捷方式小箭头恢复(删除)
查看>>
Redis如何处理客户端连接
查看>>
使用HAProxy实现MySQL多slave的读负载均衡
查看>>