Menu
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); } 
226
Syntax: transform: value; To remove applied CSS transformation we will use JavaScript. Using JavaScript when we click on the button It will remove that class from the element.
Use the style. removeProperty() method to remove CSS style properties from an element, e.g. box. style. removeProperty('background-color') .
The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
By. One feature that Firefox 3.5 adds to its CSS implementation is transform functions. These let you manipulate elements in two dimensional space by rotating, skewing, scaling, and translating them to alter their appearance.
just do this:
.transition { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .notransition { -webkit-transform: none; transform: none; } none seems to be the default value
63
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
