G2/fun-logos
1
0
Fork 0
mirror of https://github.com/G2-Games/fun-logos.git synced 2025-04-19 05:12:54 -05:00
Code Issues Projects Releases Packages Wiki Activity

Added animation to the !

Browse source
This commit is contained in:
G2-Games 2024-04-19 12:15:00 -05:00
parent f72915be59
commit e6dc438fd4
1 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
kate/kate-animated.svg
View file

@ -20,25 +20,37 @@
<style>
.text1 {
transform-origin: 50% 50%;
animation: 2s alternate infinite ease-in-out a0_t;
animation: 2s alternate infinite ease-in-out bounce;
}
.text2 {
transform-origin: 50% 50%;
animation: 1.5s alternate infinite ease-in-out a0_t;
animation: 1.5s alternate infinite ease-in-out bounce;
}
.text3 {
transform-origin: 35% 50%;
animation: 2.5s alternate infinite ease-in-out a0_t;
animation: 2.5s alternate infinite ease-in-out bounce;
}
.text4 {
transform-origin: 25% 50%;
animation: 1.8s alternate infinite ease-in-out a0_t;
animation: 1.8s alternate infinite ease-in-out bounce;
}
@keyframes a0_t {
#g20-0-3 {
animation: 2s alternate infinite cubic-bezier(.45,.05,.55,.95) float;
transform-box: fill-box;
transform-origin: 110px 158px;
transform: translate(95px, 145px);
rotate: 199deg;
}
@keyframes bounce {
0% { scale: 1 1; rotate: 3deg; }
50% { scale: 1.02 1.02; }
100% { scale: 1 1; rotate: -3deg; }
}
@keyframes float {
0% { scale: 1 1; }
50% { scale: 1.15 1.15; }
100% { scale: 1 1;}
}
</style>
<sodipodi:namedview
id="namedview1"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 200 KiB

After

Width:  |  Height:  |  Size: 200 KiB