Skip to content

Commit 91eb3d3

Browse files
committed
Animation sytles
1 parent fddf61a commit 91eb3d3

File tree

1 file changed

+18
-19
lines changed

1 file changed

+18
-19
lines changed

applications/word-swipe/styles.css

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -17,28 +17,27 @@ body {
1717
.word-swipe{
1818
font-size: 36px;
1919
font-weight: 200;
20-
columns: #939393;
21-
20+
color: #939393;
2221
}
23-
24-
.word-swipe div{
25-
overflow: hidden;
26-
position: relative;
27-
float: right;
28-
padding-top: 10px;
29-
margin-top: -10px;
22+
.word-swipe li{
23+
color: #ccc;
24+
font-weight: 700;
25+
padding: 0 10px;
26+
height: 45px;
27+
margin-bottom: 45px;
28+
display: block;
3029
}
31-
.word-swipe div li {
32-
color: #ccc;
33-
font-weight: 700;
34-
padding: 0 10px;
35-
height: 45px;
36-
margin-bottom: 45px;
37-
display: block;
30+
.word-swipe div{
31+
overflow: hidden;
32+
position: relative;
33+
float: right;
34+
padding-top: 10px;
35+
margin-top: -10px;
3836
}
39-
.flip2 { animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
40-
.flip3 { animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
41-
.flip4 { animation: flip4 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
37+
38+
/* .flip2 { animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
39+
.flip3 { animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; } */
40+
.flip4 { animation: flip4 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;}
4241

4342
@keyframes flip2 {
4443
0% { margin-top: -180px; }

0 commit comments

Comments
 (0)