div { transition: width 2s linear 1s; /* Property Duration Easing Delay */ }
/* Answer to: "css transitions" */ div { width: 100px; height: 100px; background: red; transition: width 2s; /* transition: width 2s, height 4s; */ } div:hover { width: 300px; height: 1000px; }
Read this comprehensive article about CSS animation transform property. It also has many useful examples that help you in best way. https://medium.com/swlh/learn-css-transform-animation-zero-to-hero-6a2a643bd56b