Статьи
Разбираем HTML, CSS и JavaScript на примерах, которые можно открыть и поправить.
-
Как сделать модальное окно на HTML, CSS и JS: элемент dialog
Модальное окно собирается на элементе dialog: браузер сам затемняет страницу, удерживает фокус и закрывает окно по Esc. Показываем код, вариант без JavaScript и поддержку браузеров.
-
Плавное появление блока в CSS: как анимировать display: none
Блок с display: none можно показать и скрыть плавно средствами CSS. Разбираем @starting-style и allow-discrete на рабочих примерах и смотрим, что с поддержкой в браузерах.
-
Как сделать аккордеон на HTML и CSS без JavaScript: элемент details
Аккордеон собирается на элементе details: пункты раскрывает браузер, а атрибут name оставляет открытым один. Показываем код, свою стрелку, плавное раскрытие на CSS и поддержку браузеров.
1–3 из 3