html+css 悬浮动画

最新推荐文章于 2025-11-24 21:21:07 发布

原创最新推荐文章于 2025-11-24 21:21:07 发布 · 127 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #前端

uni-app 同时被 3 个专栏收录

33 篇文章

订阅专栏

Html

22 篇文章

订阅专栏

CSS动画

5 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<style>
    body {
        background-color: #f0f0f0;
    }
    
    @keyframes bounce-234009c7 {
        0%, 100% {
            transform: translateY(0.15625rem);
        }
        50% {
            transform: translateY(-0.15625rem);
        }
    }

    .text {
        width: 100px;
        height: 100px;
        background-color: #000;
        animation: bounce-234009c7 .8s ease infinite;
    }
</style>

<body>


    <div class="text"></div>

</body>

</html>

关注博主即可阅读全文