找回密码
 注册账号

QQ登录

只需一步,快速开始

《泰拉瑞亚下载-1.4.2.3版》 泰拉瑞亚服务器 - MOD模组下载

入驻泰拉战网 新手指引 - 升级 - 师徒

泰拉瑞亚合成表 泰拉卡牌 - 泰拉江湖 - 泰拉刺客

联系泰拉开发组👈进入 积分市场 - 房产交易 - 水晶获取

查看: 3282|回复: 0

[CSS] 纯css样式实现炫彩字体

[复制链接]

348

主题

940

回帖

91

广播

监察巡站

我是一只咩

积分
443
泰拉
184
水晶
0
铜钥匙
0
银钥匙
0
金钥匙
0

【江湖新秀】【水贴恶魔】【我很聪明证】【我是小土豪】【宝剑回鞘】【泰拉达人】【奥运选手】【香水有毒】【朋友控】【我很囧证】【萝莉控】【视频爱好者】【潜水高手】【我很萌证】【我是公主】

QQ
发表于 2019-11-3 22:23:53 | 显示全部楼层 |阅读模式
  1.   //炫彩动画LOGO
  2. <style type="text/css">
  3.             #logo {
  4.                 font-weight: 600;
  5.                 font-size: 28px;
  6.                 font-family: "黑体";
  7.                 color: #8c888b;
  8.                 background: -webkit-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5),
  9.                 -moz-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5),
  10.                 -ms-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
  11.                 color: transparent;
  12.                 /*设置字体颜色透明*/
  13.                 -webkit-background-clip: text;
  14.                 /*背景裁剪为文本形式*/
  15.                 animation: ran 10s linear infinite;
  16.                 /*动态10s展示*/
  17.             }

  18.             @keyframes ran {
  19.                 from {
  20.                     backgroud-position: 0 0;
  21.                 }
  22.                 to {
  23.                     background-position: 2000px 0;
  24.                 }
  25.             }
  26.         </style>
复制代码


HTML部分

  1. <a class="navbar-brand" id="logo" href="#">这里字体炫彩动画</a>
复制代码


[发帖际遇]: 袖白雪 乐于助人,奖励 15 泰拉. 幸运榜 / 衰神榜
有钱的捧个钱场 , 没钱的借钱捧个钱场!
您需要登录后才可以回帖 登录 | 注册账号

本版积分规则

QQ|友链申请|Archiver|手机版|小黑屋|游芯沙盒 ( 陕ICP备11006283号-1 )

GMT+8, 2024-12-4 01:01 , Processed in 0.111367 second(s), 36 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表