CSS 3 五光十色的变色龙动画的制作

最新推荐文章于 2023-09-19 13:53:39 发布

卡夫卡的baby

最新推荐文章于 2023-09-19 13:53:39 发布

阅读量430

点赞数

分类专栏： css3 文章标签： css

本文链接：https://blog.csdn.net/weixin_72303943/article/details/125915699

版权

五光十色的变色龙动画

1、首先在文件中建设image文件夹，把变色龙的三个图片纳入里面

q\其中有两个是空白的图片

图片：

2、然后在建设html文件夹，里面写入div的盒子

3、建设一个div大盒子，然后在里面建设其他的盒子

4、然后写style样式，与div盒子里的层层相关

代码如下：

<title>五光十色的变色龙动画</title>
    <style>
        #wrap{
            position:relative;
            width:440px;
            height:440px;
            left:50%;
            margin-left:-220px;
        }
        .bianselong,.bg-box{
            position:absolute;
            width:170px;
            height:170px;
            left:50%;