Disable for mobile

[Kaless1n]

I would like an option to disable animations for mobile devices.

[danielclough]

What about using media queries to disable?

For example:

@media (min-width: 900px) {
    @keyframes -global-from-left {
        0% {
            transform: rotateX(50deg) translateX(-200vw) skewX(-50deg);
            opacity: 0;
        }
        100% {
            transform: rotateX(0deg) translateX(0) skewX(0deg);
            opacity: 1;
        }
    }

[Kaless1n]

What about using media queries to disable?

For example:

@media (min-width: 900px) {
    @keyframes -global-from-left {
        0% {
            transform: rotateX(50deg) translateX(-200vw) skewX(-50deg);
            opacity: 0;
        }
        100% {
            transform: rotateX(0deg) translateX(0) skewX(0deg);
            opacity: 1;
        }
    }

An element is still not visible before scroll.