排行榜 统计
  • 文章总数:90 篇
  • 评论总数:39 条
  • 分类总数:5 个
  • 最后更新:11月27日

一款彩色动态文字

本文阅读 1 分钟
首页 闲言碎语 正文

前言

  这是一款彩色动态文字,该效果用纯CSS写的,昨晚写的代码,感觉不错,就发出来了,但我不知道你们喜欢不喜欢,个人观点不同。这个代码通用,喜欢的话就拿走吧~

代码奉上
下面的CSS代码放到Joe主题自定义CSS里面即可
如果不是没有自定义CSS,就放在<head></head>里面,记得在前边和后边加上<style></style>,一个在前,一个在后,不懂问我

@keyframes move { 0% {background-position: 0 0;} 100% { background-position: -300px 0; } } .wrap { background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red); -webkit-background-clip: text; animation: move 5s infinite; color: transparent; width: 300px;}

下面代码就是设置文字的颜色了,放在<body></body>里面即可
注:直接在输入框添加代码就行
<div class="wrap">人心's Blog</div>

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://bk.11awz.cn/54.html
-- 展开阅读全文 --
愿你历尽千帆,归来仍是少年。
« 上一篇 06-16
多啦2伴我同行
下一篇 » 06-16

发表评论

成为第一个评论的人

作者信息

动态快讯

换一换
    请配置好页面缩略名选项

热门文章

标签TAG

热评文章