请老师帮忙检查2-4作业谢谢啦

来源:2-4 编程练习

清夏_

2022-04-20 14:48:28

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <title>过渡</title>

    <style>

      /*补充代码*/

      * {

        margin: 0;

        padding: 0;

      }

      div {

        width: 200px;

        height: 200px;

        margin: 30px auto;

        background-color: pink;

        /* 阴影开始状态 */

        box-shadow: 0;

        transition: all 1s linear 0s;

      }

      div:hover {

        background-color: orange;

        /* 设置盒子阴影  阴影结束状态*/

        box-shadow: 10px 10px rgba(0, 0, 0, 0.1);

      }

    </style>

  </head>

  <body>

    <div></div>

  </body>

</html>


搜索

复制

写回答

1回答

好帮手慕星星

2022-04-20

同学你好,代码实现效果很棒。继续加油,祝学习愉快!

0

0 学习 · 17877 问题

查看课程