光斑loge

最新推荐文章于 2019-11-11 19:50:57 发布

weixin_44552543

最新推荐文章于 2019-11-11 19:50:57 发布

阅读量139

点赞数

本文链接：https://blog.csdn.net/weixin_44552543/article/details/91623039

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    *{
        padding: 0;
        margin: 0;
    }
    html,body{
        height: 100%;
        overflow: hidden;
        background: black;
        text-align: center;

    }
    h1{
        transition: 2s;
        display: inline-block;
        margin-top: 100px;
        color:rgba(255,255,255,.3);
        font:bold 80px "微软雅黑";
        background:linear-gradient(140deg,rgba(255,255,255,0)100px,rgba(255,255,255,1)180px,rgba(255,255,255,0)260px);
        background-repeat: no-repeat;
        -webkit-background-clip: text;
    }
    h1:hover{
        background-position: 900px 0;
    }

</style>
<!--<script type="text/javascript">-->
    <!--var h1=document.querySelector("h1");-->
    <!--var flag=0;-->

    <!--setInterval(function () {-->
        <!--flag++;-->
        <!--if (flag==900){-->
            <!--flag=0;-->
        <!--}-->
        <!--h1.style.backgroundPositionX=flag+"px";-->
    <!--},1000);-->
<!--</script>-->
<body>
<h1>我是渣渣辉是兄弟就来贪玩蓝月</h1>
</body>
</html>

在这里插入图片描述

weixin_44552543

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
光斑loge

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> *{ padding: 0; margin: 0...
复制链接

扫一扫

光斑loge

“相关推荐”对你有帮助么？