Create a clean, modern horizontal process timeline section for a UX case study. The layout should be simple, professional, and figma-ready. Use soft pastel colors, rounded pill bars, minimal icons, and three clear phases: Discovery, Design, Delivery.
46c141f
verified
| document.addEventListener('DOMContentLoaded', () => { | |
| // Animation for process pills | |
| const pills = document.querySelectorAll('.process-pill'); | |
| pills.forEach((pill, index) => { | |
| pill.style.opacity = '0'; | |
| pill.style.transform = 'translateY(20px)'; | |
| setTimeout(() => { | |
| pill.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; | |
| pill.style.opacity = '1'; | |
| pill.style.transform = 'translateY(0)'; | |
| }, 150 * index); | |
| }); | |
| }); |