FSST/Geizkragen
FSST/Geizkragen
2
0
Fork 0
Code Issues Projects 1 Releases 1 Wiki Activity

Add animated gradient background to advertisement recommendations

Browse Source
This commit is contained in:
Fabian Schieder 2026-03-31 00:40:00 +02:00
parent c402548136
commit f05a837ea2
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ad_recommendation.php
View File

@ -35,9 +35,18 @@ if ($stmt && $stmt->num_rows > 0) {
display: flex; display: flex;
justify-content: center; justify-content: center;
background: linear-gradient(135deg, #8A2387 0%, #E94057 50%, #F27121 100%); background: linear-gradient(135deg, #8A2387 0%, #E94057 50%, #F27121 100%);
background-size: 300% 300%;
animation: gradientShift 10s ease infinite;
box-shadow: 0 0 50px rgba(233, 64, 87, 0.3); box-shadow: 0 0 50px rgba(233, 64, 87, 0.3);
overflow: hidden; overflow: hidden;
} }
@keyframes gradientShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.ad-recommendation-wrapper::before { .ad-recommendation-wrapper::before {
content: ""; content: "";
position: absolute; position: absolute;