CSS3中的文字特效
2017-07-11 14:09
831 查看
-webkit-background-clip:text;
//设置背景的显示范围,有文字的地方才显示背景 (这是webkit内核浏览器私有属性);
-webkit-text-fill-color:transparent;//设置文字填充为透明色;
利用上面两个属性,再设置背景色(背景色属性要在这两个属性前面),可以给让背景只显示在文字上,做出剪切蒙版的效果;
-webkit-text-stroke: 1px red; //设置文字的描边为1px的红色;
//设置背景的显示范围,有文字的地方才显示背景 (这是webkit内核浏览器私有属性);
-webkit-text-fill-color:transparent;//设置文字填充为透明色;
利用上面两个属性,再设置背景色(背景色属性要在这两个属性前面),可以给让背景只显示在文字上,做出剪切蒙版的效果;
-webkit-text-stroke: 1px red; //设置文字的描边为1px的红色;
相关文章推荐
- CSS3动画遮罩文字特效
- CSS3火焰文字特效制作教程
- css3文字导航鼠标悬停气泡动画特效源码下载
- css3 文字特效
- 纯CSS3创意loading文字特效
- CSS3实现水位充满文字特效
- [转]常用的CSS3文字特效
- HTML5 SVG和CSS3超酷文字遮罩动画特效
- CSS3实现文字流光渐变特效
- 文字 11种HTML5和CSS3炫酷文字样式和鼠标滑过特效
- CSS3火焰文字特效制作教程
- CSS3实现文字流光渐变特效
- CSS3文字特效
- CSS3-文字特效和2/3D转换
- 分享十个CSS3鼠标滑过文字动画特效
- 【CSS3】纯css3悬停文字线条边框动画特效
- 面试题1.闭合标签有哪些??CSS3中阴影,文字增加特效,渐变,旋转,缩放
- 纯css3实现的文字亮光特效
- 【迟早得学】CSS3特效之文字阴影:text