鳖载着理发店

因活跃度不够来点无用的小玩意

一个用css动画做的💈

上效果图：

Q8WW-(TR{$~S{PL5MDY)`PA.gif

上代码:

<html>
    <style>
         .lifadian{
            width: 50px;
            height: 600px;
            border: 1px solid #000;
            margin: 100px auto;
            background: repeating-linear-gradient(45deg, #fff 0 5%,#fc5347 0 10%,#fff 0 15%,#447ee9 0 20%);
            animation: up 5s infinite linear;
            background-size: 300px 200px;
            position: relative;;
        }

        @keyframes up {
            from{
                background-position: 0 600px;
            }
            to{
                background-position: 0 0;
            }
        }
    
        .bie{
            position: absolute;
            bottom: -42px;
            font-size: 71px;
            left: -28px;
        }
    </style>
<body>
    <div class="lifadian">
        <div class="bie">🐢</div>
    </div>
</body>

</html>

后来我发现这玩意其实还挺好看的,把他放到了导航栏上面:

 
武汉 位置
11 点赞
0 关注
0 收藏


12 感谢 


18 回帖 
2.1K