CSS3动画：我可以省略＆＃34;到＃34;值？

Question

我的代码目前看起来像这样：

@keyframes lfade {
  from {
    opacity: 0;
    margin-left: 45px;
  }

  to {
    opacity: 1;
    margin-left: 0px; //this line
  }
}

我可以删除margin-left块中的to行，以便浏览器使用我尝试设置的对象的默认边距而不是0px吗？ 它似乎适用于Firefox和Opera，但我无法找到任何官方消息来源。

Answer 1

是的，你可以，但首先你需要在样式表中指定你想要动画的原始边距，然后再将其取出：

    #tag { width: 200; margin-left:45;}//you just do what you know overthere

然后设置动画标签

       @keyframes lfade {
                           from {
                       opacity: 0;
                        margin-left: 45px;
                            }

                      to {
                      opacity: 1;
                      margin-left: 0px; //this line
                   }
                  }

试试这个