franzz/spot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Animate spot logo

Browse Source
This commit is contained in:
Franzz
2021-02-18 22:12:10 +01:00
parent 3d5450319d
commit 4c4c913ed2
5 changed files with 41 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
style/_common.scss
View File

@@ -1,19 +1,19 @@
/* Animations */
@-webkit-keyframes fadeIn {
from { opacity: 0.3; }
@-webkit-keyframes fadeIn {
from { opacity: 0.3; }
}
@-moz-keyframes fadeIn {
from { opacity: 0.3; }
@-moz-keyframes fadeIn {
from { opacity: 0.3; }
}
@-ms-keyframes fadeIn {
from { opacity: 0.3; }
@-ms-keyframes fadeIn {
from { opacity: 0.3; }
}
@-o-keyframes fadeIn {
from { opacity: 0.3; }
@-o-keyframes fadeIn {
from { opacity: 0.3; }
}
@keyframes fadeIn {
from { opacity: 0.3; }
@keyframes fadeIn {
from { opacity: 0.3; }
}
@mixin animate($anim) {
@@ -25,7 +25,7 @@
}
.flicker {
@include animate(fadeIn 0.5s infinite alternate);
@include animate(fadeIn 0.5s infinite alternate);
}
@mixin rounded($radius) {
@@ -41,6 +41,25 @@
-webkit-filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, $opacity));
}
@keyframes spotlogo {
0% {
transform: scale(1);
}
1.25% {
transform: scale(1.2);
}
2.5% {
transform: scale(1);
transform:rotate(0deg);
}
5% {
transform:rotate(360deg);
}
100% {
transform:rotate(360deg);
}
}
/* Common objects */
body, textarea, input, button {
@@ -79,4 +98,4 @@ input, textarea, button {
color: green;
}
}
}
}