发布于 1970-01-01 08:00
  • 1 个回答
    • window.getComputedStyle(elem).getPropertyValue("transform")可以得到实际的transform值

      Demo如下:

      <html>
      <style>
          #block {
              position: absolute;
              width: 100px;
              height: 100px;
              transition: all 5s ease;
              background-color: blue;
          }
          .move {
              transform: translate(200px, 400px);
          }
      </style>
      <p id=block></p>
      
      <script type="text/javascript">
          var blk = document.getElementById("block"), tid;
          blk.onclick = function() {
              blk.classList.add("move")
              tid = setInterval(function() {
                  console.log(window.getComputedStyle(blk).getPropertyValue("transform"))
              }, 10)
      
              setTimeout(function() {
                  clearInterval(tid)
              }, 5000)
          }
      
      </script>
      </html>
      

      2022-11-16 09:44 回答
    撰写答案
    今天,你开发时遇到什么问题呢?
    立即提问
    PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有