File size: 1,130 Bytes
7a7fe93 3086d96 7a7fe93 3086d96 7a7fe93 3086d96 7a7fe93 3086d96 7a7fe93 3086d96 7a7fe93 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@keyframes float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}
@keyframes blob1 {
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: translate(0px, 0px) scale(1);
}
}
@keyframes blob2 {
0% {
transform: translate(0px, 0px) scale(1);
}
33% {
transform: translate(-30px, 30px) scale(0.8);
}
66% {
transform: translate(20px, -10px) scale(1.2);
}
100% {
transform: translate(0px, 0px) scale(1);
}
}
.animate-blob1 {
animation: blob1 8s infinite;
}
.animate-blob2 {
animation: blob2 10s infinite;
}
.feature-card:hover i {
animation: float 1.5s ease-in-out infinite;
}
.fade-in {
opacity: 0;
animation: fadeIn 1s ease-in forwards;
}
@keyframes fadeIn {
to {
opacity: 1;
}
} |