m0_58148699 2021-06-26 11:23 采纳率: 0%
浏览 33

鼠标经过，图片有往下滑 半透明的效果

 

  • 写回答

1条回答 默认 最新

  • 小森呀 2021-12-11 01:10
    关注
    

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      div {
        width: 100px;
        height: 100px;
        background-color: lightblue;
        transition: all linear 0.5s;
      }
      div:hover {
        margin-top: 50px;
        opacity: 0.5;
      }
    </style>
  </head>
  <body>
    <div></div>
  </body>
  <script></script>
</html>

    ```

    评论

报告相同问题？

悬赏问题

  • ¥15 远程访问linux主机超时
  • ¥15 odoo17存货管理优势于中国国内该行业传统ERP或MES的详细解读和举例
  • ¥15 CPU卡指令整合指令数据都在图片上
  • ¥15 火车票关联12306问题
  • ¥15 odoo17处理受托加工产品
  • ¥15 如何用MATLAB编码图三的积分
  • ¥15 圆孔衍射光强随孔径变化
  • ¥15 MacBook pro m3max上用vscode运行c语言没有反应
  • ¥15 ESP-PROG配置错误，ALL ONES
  • ¥15 结构功能耦合指标计算