Transition all Properties



The transition property in CSS allows smooth changes between property values over a specified duration. Using transition: 1s all; applies a 1-second transition to all properties that change within .element. This means any CSS properties you adjust, like transform, margin, color, etc., will animate smoothly over 1 second.


Example:




Explanation:

  • transition: 1s all; applies a 1-second animation to any property that changes when .element is hovered over or changed in any other way.
  • When you hover over .element, it smoothly scales up and moves to the right over 1 second.

    • Output will appear here...