blink、blink、blink

最新推荐文章于 2024-11-04 12:17:20 发布

爱学习的肥猫

最新推荐文章于 2024-11-04 12:17:20 发布

阅读量662

点赞数

本文链接：https://blog.youkuaiyun.com/qq_34169711/article/details/105904261

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        a:before {
            content: "";
            position: absolute;
            width: 150px;
            height: 10px;
            background-color: rgba(255,255,255,.5);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-animation: blink 1.5s ease-in 2s infinite;
            animation: blink 1.5s ease-in 2s infinite;
        }
        @keyframes blink
        {
            from {left:-100px;}
            to {left:200px;}
        }

    </style>
</head>
<body>
<div style="
  background-color: #222;
    position: absolute;
    top: 50%;
    left: 50%;
    border-color: #080808;
    text-align: center;
    line-height: 28px;
    letter-spacing: 10px;
    font-size: 23px;">
<a class="blink" style="color: #9d9d9d;text-decoration: none" href="javascript:">李骐星</a>
</div>
<script>

</script>
</body>
</html>