CIDWA/front-AT
12
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

fixed style and other errors

Browse Source
This commit is contained in:
Lino
2025-09-22 16:57:14 -06:00
parent 13fb4e56a1
commit 9fb6c29202
7 changed files with 39 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Components/visual/FallingSquares/style.css
+13 -11
View File
@@ -11,7 +11,7 @@
top: -100px;
opacity: 0.9;
animation: fall linear infinite;
border-radius: 6px;
border-radius: 6px;
}
@keyframes fall {
@@ -27,23 +27,25 @@
left: 10%;
width: 40px;
height: 40px;
background: linear-gradient(45deg, #ff7eb3, #ff758c);
animation-duration: 4s;
background: linear-gradient(45deg, #f6ff7e, #e6ff75);
animation-duration: 10s;
animation-delay: 0s;
}
.square:nth-child(2) {
left: 25%;
width: 60px;
height: 60px;
background: linear-gradient(45deg, #43cea2, #185a9d);
background: linear-gradient(45deg, #438bce, #185a9d);
animation-duration: 6s;
animation-delay: 2s;
}
.square:nth-child(3) {
left: 40%;
width: 50px;
height: 50px;
background: linear-gradient(45deg, #f7971e, #ffd200);
background: linear-gradient(45deg, #f7d71e, #ffd200);
animation-duration: 5s;
animation-delay: 1s;
}
@@ -51,7 +53,7 @@
left: 55%;
width: 70px;
height: 70px;
background: linear-gradient(45deg, #7f00ff, #e100ff);
background: linear-gradient(45deg, #ffe600, #ffd000);
animation-duration: 7s;
animation-delay: 3s;
}
@@ -67,7 +69,7 @@
left: 85%;
width: 55px;
height: 55px;
background: linear-gradient(45deg, #f953c6, #b91d73);
background: linear-gradient(45deg, #535ef9, #201db9);
animation-duration: 6.5s;
animation-delay: 2.5s;
}
@@ -75,7 +77,7 @@
left: 15%;
width: 65px;
height: 65px;
background: linear-gradient(45deg, #11998e, #38ef7d);
background: linear-gradient(45deg, #115799, #384aef);
animation-duration: 5.5s;
animation-delay: 1.2s;
}
@@ -83,7 +85,7 @@
left: 35%;
width: 40px;
height: 40px;
background: linear-gradient(45deg, #ff4e50, #f9d423);
background: linear-gradient(45deg, #ffdf4e, #f9d423);
animation-duration: 7.5s;
animation-delay: 0.5s;
}
@@ -91,7 +93,7 @@
left: 60%;
width: 75px;
height: 75px;
background: linear-gradient(45deg, #00b09b, #96c93d);
background: linear-gradient(45deg, #b09000, #98c93d);
animation-duration: 4.2s;
animation-delay: 2.8s;
}
@@ -99,7 +101,7 @@
left: 80%;
width: 28px;
height: 28px;
background: linear-gradient(45deg, #ff9966, #ff5e62);
background: linear-gradient(45deg, #ffdb66, #f4ff5e);
animation-duration: 6.8s;
animation-delay: 1.8s;
}