删除应用的CSS转换 [英] Remove applied CSS transformation

问题描述

我已经应用 -webkit-transform：rotateY（180deg）; 来翻转图像。我正在应用 - webkit-transform：rotateY（0deg）; 将其旋转回原始位置。现在我有一些其他类可以应用，但是当我检入Chrome Inspect元素时，我可以看到 rotateY（0）仍然存在，应该完全删除。 p>

如何从元素中完全删除动画？

  .transition 
 {
 -webkit-transform：rotateY（180deg）; 
 transform：rotateY（180deg）; 
} 
 
 .notransition {
 -webkit-transform：rotateY（0deg）; 
 transform：rotateY（0deg）; 
} 
  

解决方案

p>

  .transition {
 -webkit-transform：rotateY（180deg）; 
 transform：rotateY（180deg）; 
} 
 
 .notransition {
 -webkit-transform：none; 
 transform：none; 
} 
  

none 似乎是默认值

I have applied -webkit-transform:rotateY(180deg); to flip an image. I am applying -webkit-transform:rotateY(0deg); to rotate it back to original position. Now I have some other classes to be applied, but when I check in Chrome Inspect Element I can see that rotateY(0) is still there which should be completely removed.

How can I remove the animation completely from an Element?

.transition
{
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
}

.notransition {
  -webkit-transform:rotateY(0deg);
  transform:rotateY(0deg);
}

解决方案

just do this:

.transition {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.notransition {
  -webkit-transform: none;
  transform: none;
}

none seems to be the default value

这篇关于删除应用的CSS转换的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！