transition-display-none.md

Transition to display none

You can use CSS transition with display: none by defining allow-discrete on the transition property.

.box {  
  transition: all 0.7s allow-discrete;
}

---

Refs

• Example: https://codepen.io/feketegy/pen/eYaEvLL
• Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior