仅以此文章记录本人前端工作学习中遇到的问题
虽然项目中对文字样式有较高要求时一般会使用设计出来的图片形式的文字,但还是要记录一下此方法,扩充知识。
css样式:
.class{
font-size: 16px; /*字体大小*/
background-image: -webkit-linear-gradient(buttom, #fff, #2985d7); /*为文本元素提供渐变背景*/
-webkit-background-clip: text;
/*以区块内的文字作为裁剪区域向外裁剪,文字的背景即为区块的背景,文字之外的区域都将被裁剪掉
*/
-webkit-text-fill-color: transparent; /*使用透明颜色填充文本*/
}
效果如下: