css文字渐变

最新推荐文章于 2024-11-09 19:20:14 发布

摘星小杨

最新推荐文章于 2024-11-09 19:20:14 发布

阅读量96

点赞数 2

文章标签： css 前端 html

本文链接：https://blog.csdn.net/wasd2399/article/details/137959962

版权

本文介绍了如何使用CSS和Webkit属性创建一个显示剩余工作时间的动态倒计时效果，包括线性渐变背景和透明文本填充技术。

摘要由CSDN通过智能技术生成

  <div class="text">距离下班还剩 xxx 秒</div>

.text {
    //盒子大小
    width: 100px;
    height: 100px;
    //渐变
    background: linear-gradient(to bottom, rgb(191, 192, 192), rgb(5, 5, 5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    //文字居中
    text-align: center;
}