githubmirror/animate.css

source/flippers/flipInX.css

24 строки427 B

Daniel Eden

Big update. Better file organisation, prefix dropping, workflow improvements.

12 ноя 2013, 03:32

12 ноя 2013, 03:3225448e3

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	backface-visibility: visible !important;
	animation-name: flipInX;
}