2024年04月08日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客
文本阴影
语法:
text-shadow: 水平偏移量 垂直偏移量 模糊度 颜色值;
水平偏移量: 向左为负，向右为正
垂直偏移量: 向上为负，向下为正
模糊度: 不允许设置负值，为0没有模糊度
eg:
text-shadow: 5px 5px 8px #333, 8px 8px 8px #999;
注: 多组值之间用逗号隔开
鹏仔小扩展:
给文本添加边框(描边字体)
-webkit-text-stroke: 3px red;
盒阴影
语法:
box-shadow: 水平偏移量 垂直偏移量 模糊度 扩展半径 颜色值;
eg:
box-shadow: 5px 5px 10px red, 7px 7px 10px blue;
注: 盒阴影的类型分为外阴影和内阴影，默认为外阴影，如需添加内阴影，需要添加inset
eg:
box-shadow: 3px 3px 3px gray inset;
注: 扩展半径可以为正值，也可以为负值，常用的是正值
eg:
box-shadow: inset 0px 0px 10px 20px pink;
本文链接：http://so.lmcjl.com/news/1503/