Testimonial Glow

Quote panel with soft accent glow.

Quote panel with soft accent glow.Use this asset as a visual and interaction brief. Copy the prompt into your AI coding tool, then adapt layout, brand voice and motion intensity to your product.

Back to Library

Then paste it into your favorite AI coding tool.

Details

Type: Sections
Category: Social-proof
Style: Luxury
Tech stack: CSS
Animation: Glow
Difficulty: Beginner
License: Personal
Access: Free
Views: 385

Glow
CSS

Copy. Paste. Create.

This prompt is engineered to communicate visual direction, layout, interaction, animation and technical requirements.

Luxury testimonial section with one glowing accent and oversized quote marks.

Code

<!-- HTML -->
<div class="spot" id="s"></div>

/* CSS */
.spot{width:100%;height:100%;background:radial-gradient(circle 18vmin at var(--x,50%) var(--y,40%),hsl(213 85% 62%)55,transparent 55%),#050505}

// JS
var s=document.getElementById("s");window.addEventListener("pointermove",function(e){var r=s.getBoundingClientRect();s.style.setProperty("--x",((e.clientX-r.left)/r.width*100)+"%");s.style.setProperty("--y",((e.clientY-r.top)/r.height*100)+"%")});