👩‍💻 CSS-свойство «transition»



transition — это CSS-свойство, которое позволяет определять переходное состояние между двумя состояниями элемента.



Различные состояния могут быть определены с помощью псевдоклассов (:hover или :active) или установлены динамически с помощью JavaScript.



Without Transition:

.square-1:hover {

border-radius: 50%;

}



With Transition:

.square-2:hover

table {

transition: all 2s easy-in-out;

border-radius: 50%;

}



❤️ — если было полезно



➡️ Frontend Developer | #CSS