File tree 4 files changed +409
-0
lines changed
4 files changed +409
-0
lines changed Original file line number Diff line number Diff line change
1
+ /* ==========================================
2
+ FINAL.CSS
3
+ These are the final styles for the project.
4
+
5
+ Course: CSS3 in 30 Days
6
+ Author: Brad Hussey
7
+ Website: codecollege.ca
8
+ ========================================== */
9
+
10
+
11
+
12
+ .final__mario-block {
13
+ display : inline-block;
14
+ position : relative;
15
+ margin : 80px auto;
16
+ width : 16em ;
17
+ height : 16em ;
18
+ }
19
+
20
+ # final__wahoo {
21
+ outline : none;
22
+ }
23
+ # final__wahoo : active + .final__mario-block {
24
+ transition : all 0.3 ease;
25
+ animation : finalWahooMario 0.8s ease-in-out 1 ;
26
+ }
27
+
28
+ @keyframes finalWahooMario {
29
+ 0% { left : 0 ; bottom : 0 ; transform : rotate (0 ); }
30
+ 30% { left : 200px ; bottom : 200px ; transform : rotate (-25deg ); }
31
+ 80% { left : 400px ; bottom : 0 ; transform : rotate (0 ); }
32
+ 100% { left : 0 ; bottom : 0 ; }
33
+ }
34
+
35
+ .final__mario {
36
+ display : block;
37
+ width : 1em ;
38
+ height : 1em ;
39
+ background-color : # e7eef1 ;
40
+ box-shadow : 0em 0em # e7eef1,
41
+ 1em 0em # e7eef1,
42
+ 2em 0em # e7eef1,
43
+ 3em 0em # e7eef1,
44
+ 4em 0em # e7eef1,
45
+ 5em 0em # e7eef1,
46
+ 6em 0em # e7eef1,
47
+ 7em 0em # e7eef1,
48
+ 8em 0em # e7eef1,
49
+ 9em 0em # e7eef1,
50
+ 10em 0em # e7eef1,
51
+ 11em 0em # e7eef1,
52
+ 12em 0em # e7eef1,
53
+ 13em 0em # e7eef1,
54
+ 14em 0em # e7eef1,
55
+ 15em 0em # e7eef1,
56
+ 0em 1em # e7eef1,
57
+ 1em 1em # e7eef1,
58
+ 2em 1em # e7eef1,
59
+ 3em 1em # e7eef1,
60
+ 4em 1em # e7eef1,
61
+ 5em 1em red,
62
+ 6em 1em red,
63
+ 7em 1em red,
64
+ 8em 1em red,
65
+ 9em 1em red,
66
+ 10em 1em # e7eef1,
67
+ 11em 1em # e7eef1,
68
+ 12em 1em # ffc966,
69
+ 13em 1em # ffc966,
70
+ 14em 1em # ffc966,
71
+ 15em 1em # e7eef1,
72
+ 0em 2em # e7eef1,
73
+ 1em 2em # e7eef1,
74
+ 2em 2em # e7eef1,
75
+ 3em 2em # e7eef1,
76
+ 4em 2em red,
77
+ 5em 2em red,
78
+ 6em 2em red,
79
+ 7em 2em red,
80
+ 8em 2em red,
81
+ 9em 2em red,
82
+ 10em 2em red,
83
+ 11em 2em red,
84
+ 12em 2em red,
85
+ 13em 2em # ffc966,
86
+ 14em 2em # ffc966,
87
+ 15em 2em # e7eef1,
88
+ 0em 3em # e7eef1,
89
+ 1em 3em # e7eef1,
90
+ 2em 3em # e7eef1,
91
+ 3em 3em # e7eef1,
92
+ 4em 3em brown,
93
+ 5em 3em brown,
94
+ 6em 3em brown,
95
+ 7em 3em # ffc966,
96
+ 8em 3em # ffc966,
97
+ 9em 3em black,
98
+ 10em 3em # ffc966,
99
+ 11em 3em # e7eef1,
100
+ 12em 3em red,
101
+ 13em 3em red,
102
+ 14em 3em red,
103
+ 15em 3em # e7eef1,
104
+ 0em 4em # e7eef1,
105
+ 1em 4em # e7eef1,
106
+ 2em 4em # e7eef1,
107
+ 3em 4em brown,
108
+ 4em 4em # ffc966,
109
+ 5em 4em brown,
110
+ 6em 4em # ffc966,
111
+ 7em 4em # ffc966,
112
+ 8em 4em # ffc966,
113
+ 9em 4em black,
114
+ 10em 4em # ffc966,
115
+ 11em 4em # ffc966,
116
+ 12em 4em # ffc966,
117
+ 13em 4em red,
118
+ 14em 4em red,
119
+ 15em 4em # e7eef1,
120
+ 0em 5em # e7eef1,
121
+ 1em 5em # e7eef1,
122
+ 2em 5em # e7eef1,
123
+ 3em 5em brown,
124
+ 4em 5em # ffc966,
125
+ 5em 5em brown,
126
+ 6em 5em brown,
127
+ 7em 5em # ffc966,
128
+ 8em 5em # ffc966,
129
+ 9em 5em # ffc966,
130
+ 10em 5em black,
131
+ 11em 5em # ffc966,
132
+ 12em 5em # ffc966,
133
+ 13em 5em # ffc966,
134
+ 14em 5em red,
135
+ 15em 5em # e7eef1,
136
+ 0em 6em # e7eef1,
137
+ 1em 6em # e7eef1,
138
+ 2em 6em # e7eef1,
139
+ 3em 6em brown,
140
+ 4em 6em brown,
141
+ 5em 6em # ffc966,
142
+ 6em 6em # ffc966,
143
+ 7em 6em # ffc966,
144
+ 8em 6em # ffc966,
145
+ 9em 6em black,
146
+ 10em 6em black,
147
+ 11em 6em black,
148
+ 12em 6em black,
149
+ 13em 6em red,
150
+ 14em 6em red,
151
+ 15em 6em # e7eef1,
152
+ 0em 7em # e7eef1,
153
+ 1em 7em # e7eef1,
154
+ 2em 7em # e7eef1,
155
+ 3em 7em # e7eef1,
156
+ 4em 7em # e7eef1,
157
+ 5em 7em # ffc966,
158
+ 6em 7em # ffc966,
159
+ 7em 7em # ffc966,
160
+ 8em 7em # ffc966,
161
+ 9em 7em # ffc966,
162
+ 10em 7em # ffc966,
163
+ 11em 7em # ffc966,
164
+ 12em 7em red,
165
+ 13em 7em red,
166
+ 14em 7em # e7eef1,
167
+ 15em 7em # e7eef1,
168
+ 0em 8em # e7eef1,
169
+ 1em 8em # e7eef1,
170
+ 2em 8em red,
171
+ 3em 8em red,
172
+ 4em 8em red,
173
+ 5em 8em red,
174
+ 6em 8em blue,
175
+ 7em 8em red,
176
+ 8em 8em red,
177
+ 9em 8em red,
178
+ 10em 8em blue,
179
+ 11em 8em red,
180
+ 12em 8em red,
181
+ 13em 8em # e7eef1,
182
+ 14em 8em # e7eef1,
183
+ 15em 8em brown,
184
+ 0em 9em # ffc966,
185
+ 1em 9em # ffc966,
186
+ 2em 9em red,
187
+ 3em 9em red,
188
+ 4em 9em red,
189
+ 5em 9em red,
190
+ 6em 9em red,
191
+ 7em 9em blue,
192
+ 8em 9em red,
193
+ 9em 9em red,
194
+ 10em 9em red,
195
+ 11em 9em blue,
196
+ 12em 9em # e7eef1,
197
+ 13em 9em # e7eef1,
198
+ 14em 9em brown,
199
+ 15em 9em brown,
200
+ 0em 10em # ffc966,
201
+ 1em 10em # ffc966,
202
+ 2em 10em # ffc966,
203
+ 3em 10em red,
204
+ 4em 10em red,
205
+ 5em 10em red,
206
+ 6em 10em red,
207
+ 7em 10em blue,
208
+ 8em 10em blue,
209
+ 9em 10em blue,
210
+ 10em 10em blue,
211
+ 11em 10em yellow,
212
+ 12em 10em blue,
213
+ 13em 10em blue,
214
+ 14em 10em brown,
215
+ 15em 10em brown,
216
+ 0em 11em # e7eef1,
217
+ 1em 11em # ffc966,
218
+ 2em 11em # e7eef1,
219
+ 3em 11em # e7eef1,
220
+ 4em 11em blue,
221
+ 5em 11em red,
222
+ 6em 11em blue,
223
+ 7em 11em blue,
224
+ 8em 11em yellow,
225
+ 9em 11em blue,
226
+ 10em 11em blue,
227
+ 11em 11em blue,
228
+ 12em 11em blue,
229
+ 13em 11em blue,
230
+ 14em 11em brown,
231
+ 15em 11em brown,
232
+ 0em 12em # e7eef1,
233
+ 1em 12em # e7eef1,
234
+ 2em 12em brown,
235
+ 3em 12em brown,
236
+ 4em 12em brown,
237
+ 5em 12em blue,
238
+ 6em 12em blue,
239
+ 7em 12em blue,
240
+ 8em 12em blue,
241
+ 9em 12em blue,
242
+ 10em 12em blue,
243
+ 11em 12em blue,
244
+ 12em 12em blue,
245
+ 13em 12em blue,
246
+ 14em 12em brown,
247
+ 15em 12em brown,
248
+ 0em 13em # e7eef1,
249
+ 1em 13em brown,
250
+ 2em 13em brown,
251
+ 3em 13em brown,
252
+ 4em 13em blue,
253
+ 5em 13em blue,
254
+ 6em 13em blue,
255
+ 7em 13em blue,
256
+ 8em 13em blue,
257
+ 9em 13em blue,
258
+ 10em 13em # e7eef1,
259
+ 11em 13em # e7eef1,
260
+ 12em 13em # e7eef1,
261
+ 13em 13em # e7eef1,
262
+ 14em 13em # e7eef1,
263
+ 15em 13em # e7eef1,
264
+ 0em 14em # e7eef1,
265
+ 1em 14em brown,
266
+ 2em 14em brown,
267
+ 3em 14em # e7eef1,
268
+ 4em 14em # e7eef1,
269
+ 5em 14em # e7eef1,
270
+ 6em 14em # e7eef1,
271
+ 7em 14em # e7eef1,
272
+ 8em 14em # e7eef1,
273
+ 9em 14em # e7eef1,
274
+ 10em 14em # e7eef1,
275
+ 11em 14em # e7eef1,
276
+ 12em 14em # e7eef1,
277
+ 13em 14em # e7eef1,
278
+ 14em 14em # e7eef1,
279
+ 15em 14em # e7eef1,
280
+ 0em 15em # e7eef1,
281
+ 1em 15em # e7eef1,
282
+ 2em 15em # e7eef1,
283
+ 3em 15em # e7eef1,
284
+ 4em 15em # e7eef1,
285
+ 5em 15em # e7eef1,
286
+ 6em 15em # e7eef1,
287
+ 7em 15em # e7eef1,
288
+ 8em 15em # e7eef1,
289
+ 9em 15em # e7eef1,
290
+ 10em 15em # e7eef1,
291
+ 11em 15em # e7eef1,
292
+ 12em 15em # e7eef1,
293
+ 13em 15em # e7eef1,
294
+ 14em 15em # e7eef1,
295
+ 15em 15em # e7eef1 ;
296
+ }
You can’t perform that action at this time.
0 commit comments