document.addEventListener('DOMContentLoaded', function() { var chatMessages = document.querySelectorAll('.chat-message'); chatMessages.forEach(function(message, index) { message.style.animationDelay = (index * 0.5) + 's'; message.style.animation = 'fadeInUp 0.5s ease-out'; }); }); @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }