CodeToLive

CSS Transitions and Animations

CSS transitions and animations allow you to create smooth and dynamic effects.

Transitions

.button {
  transition: background-color 0.3s ease;
}
.button:hover {
  background-color: #ff6347;
}
      

Animations

@keyframes slide {
  from { transform: translateX(0); }
  to { transform: translateX(100px); }
}
.slide {
  animation: slide 2s infinite;
}