commit e884bece14f4fdc885800dceec835ea4641309f1 Author: Faster Marketplace Date: Wed Jan 21 12:27:54 2026 +0000 Publish component: Client Reviews - assets/css/client-reviews.css diff --git a/assets/css/client-reviews.css b/assets/css/client-reviews.css new file mode 100644 index 0000000..c009c93 --- /dev/null +++ b/assets/css/client-reviews.css @@ -0,0 +1,65 @@ +/* Custom animations */ +@keyframes float { + + 0%, + 100% { + transform: translateY(0px); + } + + 50% { + transform: translateY(-10px); + } +} + +.review-card { + transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); +} + +.review-card:hover { + transform: translateY(-8px); + box-shadow: 0 25px 50px -12px rgba(120, 113, 108, 0.25); +} + +.review-card:hover .quote-mark { + color: #fde68a; + transform: translateY(-4px); +} + +.review-card:hover .highlight-bar { + transform: scaleX(1) rotate(-1deg); +} + +.review-card:hover .accent-line { + opacity: 1; + transform: scaleX(1); +} + +.review-card:hover .avatar { + border-radius: 12px; + transform: scale(1.05); +} + +.quote-mark { + transition: all 0.5s ease; +} + +.highlight-bar { + transform: scaleX(0); + transform-origin: left; + transition: transform 0.4s ease; +} + +.accent-line { + opacity: 0; + transform: scaleX(0); + transition: all 0.5s ease; +} + +.avatar { + transition: all 0.3s ease; +} + +.dot-pattern { + background-image: radial-gradient(circle at 1px 1px, rgb(214 211 209) 1px, transparent 0); + background-size: 40px 40px; +}