Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.animated {
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;

WarenGonzaga commented Aug 31, 2016

Hey man! I was wrong it is just a conflict between my code! Great job men!

refigaro commented Jan 4, 2017

Awesome, it worked for me! Thanks!

DEMZL25 commented Jan 10, 2017

This dont work for me! Animations are still on are there any other solutions?

Jeshreen commented Apr 1, 2017

The content for which the animations are applied are not being displayed. any solutions for this?

MrC8 commented Jul 29, 2017

you can also wrap the global .animated class with this
@media only screen and (min-width : 575px ) {
.animated {

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment