Published 3 years ago.Last updated August 17th, 2020 .icon { opacity: 0; transition: opacity 0.3s ease 0s; } .icon.active { opacity: 1; } https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property https://www.w3schools.com/css/css3_transitions.asp