plugins/jetpack/scss/atoms/_animations.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

// ==========================================================================
// Animation for miles!
// ==========================================================================


@keyframes "grow" {
	0% {
		transform: scale(.3);
	}
	60% {
		transform: scale(1.15);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes "candy" {
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(1.15);
	}
	60% {
		transform: scale(.95);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes "flyer" {
	 0% {
		transform: translate3d(0px, 0px, 0px);
	}
	100% {
		transform: translate3d(680px, -680px, 0px);
	}
}