Articles
HTML, CSS and JavaScript taken apart on examples you can open and edit.
-
How to build a modal window with HTML, CSS and JS: the dialog element
A modal window is built on the dialog element: the browser dims the page, manages focus and closes the window on Esc. We show the code, a version without JavaScript and browser support.
-
Smooth appearance of a block in CSS: how to animate display: none
A block with display: none can be shown and hidden smoothly with CSS. We go through @starting-style and allow-discrete on working examples and look at browser support.
-
How to build an accordion with HTML and CSS without JavaScript: the details element
An accordion is built on the details element: the browser opens the items, and the name attribute keeps only one open. We show the code, a custom arrow, smooth opening in CSS and browser support.
1–3 of 3