dearwolf/aider
1
0
Fork 0
mirror of https://github.com/Aider-AI/aider.git synced 2025-05-31 17:55:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

feat: Add gradient backgrounds to testimonial cards

Browse source
This commit is contained in:
Paul Gauthier (aider) 2025-03-19 11:58:15 -07:00
parent eba123e381
commit 20ba252c56
1 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
aider/website/home.html
View file

@ -295,20 +295,28 @@
} }
.testimonial-card { .testimonial-card {
background-color: white; background: linear-gradient(135deg, rgba(18, 184, 134, 0.05) 0%, rgba(20, 176, 20, 0.1) 50%, rgba(76, 110, 245, 0.15) 100%);
border-radius: 8px; border-radius: 8px;
padding: 30px; padding: 30px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.6s; transition: transform 0.6s, box-shadow 0.3s;
transform-style: preserve-3d; transform-style: preserve-3d;
perspective: 1000px; perspective: 1000px;
backface-visibility: hidden; backface-visibility: hidden;
border-left: 3px solid var(--primary);
} }
.testimonial-text { .testimonial-text {
margin-bottom: 20px; margin-bottom: 20px;
font-style: italic; font-style: italic;
color: #495057; color: #495057;
position: relative;
z-index: 1;
}
.testimonial-card:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
background: linear-gradient(135deg, rgba(18, 184, 134, 0.1) 0%, rgba(20, 176, 20, 0.15) 50%, rgba(76, 110, 245, 0.2) 100%);
} }
.testimonial-author { .testimonial-author {