Changing Styles Dynamically

element.style.transition = 'all 0.3s ease';
element.style.transform = 'scale(1.1)';

By setting the transition property before changing styles
To add CSS transitions dynamically, set the transition property before modifying the styles you want to animate. The transition property specifies which properties to animate (or 'all'), the duration, timing function, and delay. This creates smooth animations when the specified properties change. It's important to set the transition first; otherwise, the change might happen instantly.
By using the animate() method
By adding a transition class
By using setInterval