![css - add the property "display: none" after n number of seconds achieving a smooth transition - Stack Overflow css - add the property "display: none" after n number of seconds achieving a smooth transition - Stack Overflow](https://i.stack.imgur.com/uItkh.gif)
css - add the property "display: none" after n number of seconds achieving a smooth transition - Stack Overflow
![Una 🇺🇦 on Twitter: "👀 An early look at transitioning to and from `display: none` in CSS 👀 https://t.co/uICGqCZcvC" / Twitter Una 🇺🇦 on Twitter: "👀 An early look at transitioning to and from `display: none` in CSS 👀 https://t.co/uICGqCZcvC" / Twitter](https://pbs.twimg.com/ext_tw_video_thumb/1650971279661359104/pu/img/3g03x2OzoeehoXUo.jpg:large)
Una 🇺🇦 on Twitter: "👀 An early look at transitioning to and from `display: none` in CSS 👀 https://t.co/uICGqCZcvC" / Twitter
![css - how can I make a transition effect to opacity 0 with ending in display: none? - Stack Overflow css - how can I make a transition effect to opacity 0 with ending in display: none? - Stack Overflow](https://i.stack.imgur.com/Tx0D6.gif)
css - how can I make a transition effect to opacity 0 with ending in display: none? - Stack Overflow
![Una 🇺🇦 on Twitter: "So now you can transition to and from display: none along with another transition like opacity https://t.co/lE6DSSMgtZ" / Twitter Una 🇺🇦 on Twitter: "So now you can transition to and from display: none along with another transition like opacity https://t.co/lE6DSSMgtZ" / Twitter](https://pbs.twimg.com/media/FulmKecWcAsPu4j.png)
Una 🇺🇦 on Twitter: "So now you can transition to and from display: none along with another transition like opacity https://t.co/lE6DSSMgtZ" / Twitter
GitHub - aautar/display-toggle-fx: Library to apply CSS transitions on elements that transition from `display:none` state
![jhey 🔨🐻✨ on Twitter: "Future CSS Tip! 🚀 Transition the display property 🤯 No animationend event listening required 😎 Toggle display:none & set your styles! ✨ .el{ --show:1; opacity:var(--show); transition:display 0.5s,opacity 0.5s; } [ jhey 🔨🐻✨ on Twitter: "Future CSS Tip! 🚀 Transition the display property 🤯 No animationend event listening required 😎 Toggle display:none & set your styles! ✨ .el{ --show:1; opacity:var(--show); transition:display 0.5s,opacity 0.5s; } [](https://pbs.twimg.com/ext_tw_video_thumb/1642926010101268481/pu/img/jpd2uzJNhhS6z35J.jpg)