CSS3文字描边效果
来源:互联网 发布:全民超神刷钻石软件。 编辑:程序博客网 时间:2024/06/08 02:10
CSS3 中有text-stroke属性,加上-webkit-前缀兼容性也还不错,但是只有在字体很大的时候才能看到描边效果,如果字体比较小,描边颜色会遮住文字本身颜色
上图为黑色字体白色描边,字体颜色被遮盖
可以通过字体阴影text-shadow实现文字描边效果
text-shadow:2px 2px 0px #fff
但是描边比较细,并且阴影是单方向的,我们可以添加对称方向的阴影:
如果觉得文字描边不够粗,可以使用多重字体阴影,这样就可以比较粗的描边
1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF, 3px 3px 0px #FFFFFF, -3px -3px 0px #FFFFFF
阅读全文
1 0
- CSS3文字描边效果
- css3实现文字描边的效果
- CSS3文字立体效果
- css3 文字动画效果
- CSS3实现文字渐隐效果
- CSS3动画文字打印效果
- CSS3制作文字半透明倒影效果
- CSS3制作文字半透明倒影效果
- 鼠标悬停图片、文字css3效果
- CSS3| 制作文字波浪线效果
- css3中文字“走”出来的效果
- CSS3实现文字3D效果
- css3实现简单的文字动画效果
- Flex 文字描边效果
- android文字描边效果
- css文字描边效果
- css3新功能之(text-shadow实现)CSS3文字阴影效果
- 了解CSS3的文字阴影效果 - Text Shadow effects
- bootstrap使用
- Session对象的一个应用实例
- 神经网络笔记
- HttpServletRequest
- CodeReview之try catch finally
- CSS3文字描边效果
- TCP/IP协议
- bzoj4078
- 三分钟搞定一个网页原型设计
- 终端命令
- nginx 启动,停止和重新加载配置
- 第二周第一节(第一章——绪论)
- 学习笔记06
- nginx服务器启动失败