主页 / 问题 / 815242
Accepted
Angel Pensive
Asked:2020-04-17 08:36:17 +0800 CST2020-04-17 08:36:17 +0800 CST

js如何从css文件开始动画？

  • 772

css文件中有一个动画：

    .pointImg{
        position: absolute ;
        width: 8%;
        margin: 1% 1% 1% 1%;
        -webkit-animation: pulsing 1s infinite;
        animation: pulsing 1s infinite;
    }

    @-webkit-keyframes pulsing {
    0% {
      -webkit-transform: scale(0, 0);
      transform: scale(0, 0)
    }
    50% {
      -webkit-transform: scale(1.0, 1.0);
      transform: scale(1.0, 1.0);
    }
    100% {
      -webkit-transform: scale(0, 0);
      transform: scale(0, 0);
    }
}

@keyframes pulsing{
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }
    50% {
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0);
    }
    100% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

单击另一个图像（不是 pointImg 类）时，如何从脚本中启用和禁用此动画？我知道 .onclick 事件，但我不知道如何再次启用动画。

javascript

1 个回答

  1. Best Answer

    您需要创建一个包含此动画的类，例如：

    pulsing-img {
   animation: pulsing 1s infinite;
   transition: transfrom .3s ease-in-out;
}

    并将这个类添加/删除到事件中（虽然最好在最初给图片添加过渡，这样它就不会抽搐）

    • 1

相关问题