CSS transitions and jQuery animations for UI elements.
webpack.mix.js). Run via npm run dev. NO Vite.match expressionsstring|int)?->)fn() =>)??=)transform and opacity where possible to avoid layout thrashing.width, height, top, left, margin.will-change sparingly and remove it when not needed./* Example: subtle button lift */
.btn {
transition: transform 0.25s ease, box-shadow 0.25s ease;
will-change: transform;
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
// Use jQuery for simple interactions when necessary
$('.element').fadeIn(300);
$('.element').slideUp(300);
// Prefer CSS transitions for performance-critical animations
setInterval, and animating layout properties on scroll.resources/assets/sass/components/ and resources/assets/js/. ESCALATION REQUIRED. Animation performance issue: <detail>.WAITING_FOR_HUMAN_OK when the file is generated.