56 lines
815 B
CSS
56 lines
815 B
CSS
.rounded-full {
|
|
border-radius: 99999px;
|
|
}
|
|
|
|
.floating {
|
|
animation: float 6s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes float {
|
|
0% {
|
|
transform: translatey(0px);
|
|
}
|
|
50% {
|
|
transform: translatey(-10px);
|
|
}
|
|
100% {
|
|
transform: translatey(0px);
|
|
}
|
|
}
|
|
|
|
.animated-blob {
|
|
animation: blob 7s infinite;
|
|
}
|
|
|
|
.animation-delay-2000 {
|
|
animation-delay: 2s;
|
|
}
|
|
|
|
.animation-delay-2000 {
|
|
animation-delay: 2s;
|
|
}
|
|
.animation-delay-3000 {
|
|
animation-delay: 3s;
|
|
}
|
|
.animation-delay-4000 {
|
|
animation-delay: 4s;
|
|
}
|
|
.animation-delay-5000 {
|
|
animation-delay: 5s;
|
|
}
|
|
|
|
@keyframes blob {
|
|
0% {
|
|
transform: translate(0px, 0px) scale(1);
|
|
}
|
|
33% {
|
|
transform: translate(30px, -50px) scale(1.1);
|
|
}
|
|
66% {
|
|
transform: translate(-20px, 20px) scale(0.9);
|
|
}
|
|
100% {
|
|
transform: tranlate(0px, 0px) scale(1);
|
|
}
|
|
}
|