当前位置: 首页 > ds >正文

开发指南117-文字阴影特效

标题行标签可以通过阴影增加效果,最核心的是text-shadow

语法

text-shadow: h-shadow v-shadow blur color;
h-shadow:必需。水平阴影的位置。允许负值。
v-shadow:必需。垂直阴影的位置。允许负值。
blur:可选。模糊距离。
color:可选。阴影的颜色。

可以多个数据叠加产生酷炫效果,例如:

    h3 {
      width:110px;
      margin:0px;
      padding-top: 4px;
      padding-left: 15px;
      padding-bottom: 4px;
      box-sizing: border-box;
      border-bottom: 2px solid #0064B4;
      text-align: left;
            font-family: $defaultWidgetFont;
            font-weight: 500;
      color: #FF5050;
      text-shadow:0px 1px 0px #c0c0c0,    
            0px 2px 0px #b0b0b0,    
            0px 3px 0px #a0a0a0,    
            0px 4px 0px #909090,    
            0px 5px 10px rgba(0, 0, 0, .9);
    }

效果:

http://www.xdnf.cn/news/8545.html

相关文章:

  • 七彩喜康养护理——科技赋能下的全周期健康守护
  • 60道Angular高频题整理(附答案背诵版)
  • 动态防御体系实战:AI如何重构DDoS攻防逻辑
  • 实时操作系统革命:实时Linux驱动的智能时代底层重构
  • 向量数据库该如何选择?Milvus 、ES、OpenSearch 快速对比:向量搜索能力与智能检索引擎的应用前景
  • 小白学习顺序表 之 通讯录实现
  • JAVA查漏补缺(2)
  • 并发容器(Collections)
  • 文章记单词 | 第109篇(六级)
  • 主成分分析基本概念及python代码使用
  • 【软件测试】第三章·软件测试基本方法(逻辑覆盖、路径覆盖)
  • 从数学融智学视域系统地理解《道德经》:38至56,德化社会
  • 【MySQL】实战时遇到的几个 tips
  • AAAI-2016《Approximate K-Means++ in Sublinear Time》
  • python实战:Python脚本后台运行的方法
  • docker部署并测试翻译模型-CSANMT连续语义增强机器翻译
  • 《Android 应用开发基础教程》——第十五章:Android 动画机制详解(属性动画、帧动画、过渡动画)
  • 深入理解SummaryWriter类与TensorBoard的基本使用
  • SurfaceFlinger及Android应用RenderThread角度观察Jank丢帧卡顿
  • 【漫话机器学习系列】274.基尼指数(Gini Index)
  • 在Vue3 + Vite 项目安装使用 Tailwind CSS 4.0报错
  • 小白刷题之链表中的 “龟兔赛跑“:快慢指针算法详解
  • python打卡day34@浙大疏锦行
  • C++线程池的使用
  • 力扣 128.最长连续序列
  • 缓存和数据库一致性问题
  • 对于geoserver发布数据后的开发应用
  • MYSQL之复合查询
  • 基于51单片机和8X8点阵屏、独立按键的飞行躲闪类小游戏
  • wordpress上传图片时出现服务器无法处理图片