githubmirror/animate.css

source/specials/hinge.css

11 строк546 B

Daniel Eden

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

12 ноя 2013, 03:32

12 ноя 2013, 03:3225448e3

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	animation-name: hinge;
}