老师好,请检查2-18代码,谢谢

来源:2-18 编程练习

慕桂英1122475

2023-03-06 19:44:02

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>2-9</title>
    <style type="text/css">
      div {
        font-family: Arial;
        font-size: 72px;
        font-weight: bold;
        position: fixed;
        right: 0;
        left: 0;
        width: 30px;
        height: 30px;
        margin: auto;
        transform: rotate(90deg) scale(0.5);

        animation: tobottom 0.5s linear 0.5s infinite;
      }
      @keyframes tobottom {
        from {
          bottom: 20px;
        }
        to {
          bottom: 0px;
        }
      }
    </style>
  </head>
  <body>
    <div>&gt;</div>
  </body>
</html>


写回答

1回答

imooc_慕慕

2023-03-07

同学你好,优化如下:

箭头初始是在顶部,执行动画是突然下移的,不美观。建议改为初始也在底部。

https://img.mukewang.com/climg/6406968809ab942504080275.jpg

祝学习愉快~

0

0 学习 · 17877 问题

查看课程