CSS-sublimetext-snippets/zkeyframes.sublime-snippet at master · jamesmichiemo/CSS-sublimetext-snippets · GitHub

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
<snippet>
	<content><![CDATA[@-webkit-keyframes ${1:animation-name} {
	from {
		-webkit-transform: ${2:};
	}
	to {
		-webkit-transform: ${3:};
	}
}

@-moz-keyframes ${1:animation-name} {
	from {
		-moz-transform: ${2:};
	}
	to {
		-moz-transform: ${3:};
	}
}

@keyframes ${1:animation-name} {
	from {
		transform: ${2:};
	}
	to {
		transform: ${3:};
	}
}

${9:selector} {
	-webkit-animation: ${1:animation-name} ${4:duration}s ${5:timing-function} ${6:delay}s ${7:iteration-count} ${8:direction};
	-moz-animation: ${1:animation-name} ${4:duration}s ${5:timing-function} ${6:delay}s ${7:iteration-count} ${8:direction};
	animation: ${1:animation-name} ${4:duration}s ${5:timing-function} ${6:delay}s ${7:iteration-count} ${8:direction};
}
]]></content>
	<tabTrigger>zkeyframes</tabTrigger>
	<scope>text.html, source.css, source.less, source.scss, source.stylus</scope>
</snippet>