.titleFont{
font:.24rem/.6rem "微软雅黑";
text-align:center;
background: -webkit-linear-gradient(left, #2ce5d8 , #fbeb70); /* 背景色渐变 */
-webkit-background-clip: text; /* 规定背景的划分区域 */
-webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */
position: relative;
letter-spacing: .03rem;
z-index: 10;
}
.titleFont:after{
content: attr(data-text);
position: absolute;
left: 0;
top: -.12rem;
letter-spacing: .03rem;
z-index: -1;
text-shadow:2px 1px 2px #000;
}
css
html
效果图
.titleFont{font:.24rem/.6rem "微软雅黑";text-align:center;bac...
今天还原UI稿遇到了一个文字渐变色加阴影的地方，正常的使用文字渐变色（background-image: -web...
1. CSS 实现文字阴影 通过text-shadow属性可以为文字设置阴影 效果如下： 2. CSS实现文字阴影...
绘图 简介 API context 对象的方法列表 颜色，样式，阴影 渐变 线条样式 矩形 路径 变形 文字 图片...
API 接口 context 对象的方法列表 颜色，样式，阴影 渐变 线条样式 矩形 路径 变形 文字 图片 混合 其他
目录：文本样式的参数默认文本样式文字加波浪线文字加横线文字加阴影文字加背景框文字加渐变色文字风格属性文字加双下划线...
BottomSheetDialog 阴影渐变 1.在使用BottomSheetDialog的时候，大家可能都有这样...
本文说明了如何为UIButton对象添加文字渐变色特效，以及如何为UIButton对象添加文字模糊阴影的特效 1....
Canvas进阶 阴影 渐变 线性渐变 径向渐变 createRadiaGradient(x1, y1, r1, ...
Canvas进阶 阴影 渐变 线性渐变 径向渐变 createRadiaGradient(x1, y1, r1, ...
本文标题：文字渐变+阴影
本文链接：https://www.haomeiwen.com/subject/tcgebxtx.html
网友评论