How do you disable animation for mobile devices?

Viewing 3 replies - 1 through 3 (of 3 total)

  • I am also interested in this. Thanks

    ramzesimus

    (@ramzesimus)

    You can do this with media queries and custom CSS. You need to add something like this

    @media only screen and (max-width : 767px) {
	.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;
	}
}

    Best Regards!
    Ramzes

    ramzesimus

    (@ramzesimus)

    Also you can find alternative solutions here https://github.com/daneden/animate.css/issues/349

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do you disable animation for mobile devices?’ is closed to new replies.