文章来源于网络收集而来，版权归原创者所有，如有侵权请及时联系！

state-animations

发布于 2023-08-19 19:14:40 字数 773 浏览 0 评论 0 收藏 0

state-animations

<style>
    @keyframes panoramic {
        to {
            background-position: 0 100%;
        }
    }

    .panoramic {
        color: white;
        width: 220px;
        height: 150px;
        background: url("./path/to/night-and-cat.jpeg");
        background-size: 100% auto;
        animation: panoramic 10s linear infinite alternate;
        animation-play-state: paused;
    }

    .panoramic:hover, .panoramic:focus {
        animation-play-state: running;
    }
</style>
<body>
<div class="panoramic">I meet a white cat in a box.</div>
</body>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

列表为空，暂无数据

state-animations

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。