How to Add Smooth Animations with Just CSS

CSS animations are a great way to enhance UI without JavaScript. Key tips:

• Use transition for hover effects.


• Try @keyframes for more complex animations.


• Don't overdo it—keep animations subtle and meaningful.

Example:

.btn {

  transition: background-color 0.3s ease;

}

.btn:hover {

  background-color: #007bff;

}