element style transition in css

Table of Contents

.round-part{
    transition: all 0.6s ease-in-out;
}

then, when you change the style with element.addClass(), the added css properties will be reached with the transition example

  function setTransition() {
         element1.style.transition = 'width 1s linear 1s'
         element2.style.transition = 'all 1s ease-in 0.1s'
         element3.style.transition = 'all 0.1s ease-out 0.1s'
      }

Backlinks

Author: Linfeng He

Created: 2024-04-03 Wed 20:17