用css动画效果做小熊奔跑

最新推荐文章于 2022-09-05 07:56:22 发布

sword_chiu

最新推荐文章于 2022-09-05 07:56:22 发布

阅读量2.5k

点赞数 4

分类专栏：代码方法收藏代码练习基础知识文章标签： css3

本文链接：https://blog.csdn.net/sword_chiu/article/details/106528254

版权

这篇博客通过CSS3代码实现了一个生动的小熊奔跑动画效果，详细展示了如何利用关键帧动画和选择器来设计和控制动画过程。

摘要由CSDN通过智能技术生成

代码如下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body {
   
            background: url(02-案例/media/bg1.png) repeat-x;
            /* 这里注意背景图片一定要横向排列 以免图片跑完有中断期 */
            animation: bgcmove 30s linear .9s infinite;
        }

        div {
   
            position:<