当前位置:首页 > 网站应用

彩色流转文字代码

cjw1232年前 (2024-09-19)网站应用5220

根据自己需求修改代码,点击运行预览效果!

<style>
    #nr{font-size:15px; margin: 0;background: -webkit-linear-gradient(left,#ffffff,#ff0000
    6.25%,#ff7d00 12.5%,#ffff00 18.75%,#00ff00 25%,#00ffff 31.25%,#0000ff 37.5%,#ff00ff
    43.75%,#ffff00 50%,#ff0000 56.25%,#ff7d00 62.5%,#ffff00 68.75%,#00ff00
    75%,#00ffff 81.25%,#0000ff 87.5%,#ff00ff 93.75%,#ffff00 100%);-webkit-background-clip:
    text;-webkit-text-fill-color: transparent;background-size: 200% 100%;animation:
    masked-animation 2s infinite linear;}@keyframes masked-animation {0% {background-position:
    0 0;}100% {background-position: -100%, 0;}}
</style>
<div class="item">
    <strong id="nr">
        <a href="https://beian.miit.gov.cn/" target="_blank">
            京ICP备8888888888号
        </a>
    </strong>
</div>


扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://cjw123.com/blog/?id=102

标签: html
分享给朋友:

相关文章

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot…

糖果风格的动画按钮

这是一款糖果风格的动画按钮,共16个,每个按钮都有不同的渐变色和动画形式。点击代码下面的运行可以查看效果<!DOCTYPE html>    <html lang="zh-CN"> &n…

CSS中给背景图增加遮罩

CSS作为网页开发的重要组成部分,经常会用到遮罩层的效果,实现页面视觉上的突出和强调。那么,CSS怎样设置遮罩层呢?下面就来简单介绍一下。首先,要清楚遮罩层的定义。遮罩层是指在页面元素上添加一个半透明的罩子,使得页面元素之间的重叠效果。”遮”住页面上的元素。接下来,我们来看如何在CSS中实现遮罩层的…

js报表双击固定样式,用于对比

在很多报表中,需要鼠标上下选择时显示对比颜色,在双击时显示固定的色表示选中状态。<table style="width:80%" border=1 onmouseover="getrow(this)" onmous…

纯css实现弹出图层背景变灰特效

<style> .bg{position:absolute;z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height…

圆形浮动的导航菜单

<!doctype html>     <html>     <head>     <meta charset=…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。