pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

animation en 8

Browse Source
This commit is contained in:
hugogogo
2021-04-02 20:27:21 +02:00
parent 9331eaf173
commit 77fd4ffb6a
3 changed files with 200 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
styles/index.css
View File

@@ -93,8 +93,10 @@ body main {
/*------------------------------------------*/
/*THE ANIMATION*/
@keyframes rotation {
from {transform: rotate(0deg); transform-origin: 50% 51%;}
to {transform: rotate(360deg); transform-origin: 50% 50%;}
0% {transform: rotate(0deg); transform-origin: 49% 50%;}
50% {transform: rotate(360deg); transform-origin: 49% 50%;}
50.1% {transform: rotate(360deg); transform-origin: 51% 50%;}
100% {transform: rotate(0deg); transform-origin: 51% 50%;}
}
.logo_bubbles .circle {
animation-name: rotation;
@@ -104,7 +106,7 @@ body main {
animation-direction: normal;
}
.logo_bubbles .circle._1 {
animation-duration: 1s;
animation-duration: 2s;
animation-delay: 0s;
animation-direction: reverse;
}
@@ -114,7 +116,7 @@ body main {
animation-direction: reverse;
}
.logo_bubbles .circle._3 {
animation-duration: 1.5s;
animation-duration: 1s;
animation-delay: 0.3s;
}
.logo_bubbles .circle._4 {