Add animated gradient background to advertisement recommendations
This commit is contained in:
parent
c402548136
commit
f05a837ea2
@ -35,9 +35,18 @@ if ($stmt && $stmt->num_rows > 0) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
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);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@keyframes gradientShift {
|
||||
0% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
100% { background-position: 0% 50%; }
|
||||
}
|
||||
|
||||
.ad-recommendation-wrapper::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user