Skip to content

Commit 2fadd34

Browse files
authored
Merge pull request #1 from clucasalcantara/feat-add-rotating-logo
Add rotating animation in logo
2 parents 76ad91b + 13e867a commit 2fadd34

File tree

4 files changed

+37
-1
lines changed

4 files changed

+37
-1
lines changed

assets/react-logo-fitas.png

48 KB
Loading

assets/react-ssa-text.png

2.77 KB
Loading

assets/style.css

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,3 +22,38 @@ body {
2222
line-height: 200px;
2323
margin-top: 60px;
2424
}
25+
@keyframes rotating {
26+
from {
27+
transform: rotate(0deg);
28+
-o-transform: rotate(0deg);
29+
-ms-transform: rotate(0deg);
30+
-moz-transform: rotate(0deg);
31+
-webkit-transform: rotate(0deg);
32+
}
33+
34+
to {
35+
transform: rotate(360deg);
36+
-o-transform: rotate(360deg);
37+
-ms-transform: rotate(360deg);
38+
-moz-transform: rotate(360deg);
39+
-webkit-transform: rotate(360deg);
40+
}
41+
}
42+
@-webkit-keyframes rotating {
43+
from {
44+
transform: rotate(0deg);
45+
-webkit-transform: rotate(0deg);
46+
}
47+
to {
48+
transform: rotate(360deg);
49+
-webkit-transform: rotate(360deg);
50+
}
51+
}
52+
.rotating {
53+
margin-bottom: 2rem;
54+
-webkit-animation: rotating 10s linear infinite;
55+
-moz-animation: rotating 10s linear infinite;
56+
-ms-animation: rotating 10s linear infinite;
57+
-o-animation: rotating 10s linear infinite;
58+
animation: rotating 10s linear infinite;
59+
}

index.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,8 @@
1010
</head>
1111
<body>
1212
<div class="container">
13-
<img src="assets/reactssa.png" alt="Logo do React Salvador composto por fitas do Senhor do Bomfim">
13+
<img src="assets/react-logo-fitas.png" alt="Logo do React Salvador composto por fitas do Senhor do Bomfim" class="rotating">
14+
<img src="assets/react-ssa-text.png" alt="Logo do React Salvador composto por fitas do Senhor do Bomfim">
1415
<a href="https://github.com/ReactSSA" class="github-link">ReactSSA</a>
1516
</div>
1617
</body>

0 commit comments

Comments
 (0)