Когда мы разрабатываем веб-страницу — будь то лендинг, блог или портфолио — первое, что приходит в голову при добавлении интерактивности, это JavaScript. Например, вы хотите, чтобы по нажатию кнопки “Подробнее” раскрывался скрытый текст. И сразу же рука тянется к JavaScript — ведь именно он, казалось бы, отвечает за поведение элементов. Но… что, если я скажу, что весь этот функционал можно реализовать исключительно с помощью CSS? Да, звучит необычно, но CSS — это не просто про цвета и отступы. Он умеет гораздо больше, чем многие думают...

В первой части мы создали сайт с HTML и CSS, а в второй части улучшили его с помощью Bootstrap. Теперь пора сделать сайт интерактивным! Сегодня мы добавим модальное окно (всплывающее окно) с помощью JavaScript. Это займет всего 30 минут, а ваш сайт станет современнее и интереснее для пользователей. Поехали кодить! Модальное окно — это всплывающий блок, который появляется поверх контента и привлекает внимание. Например, это может быть форма подписки, уведомление или акция. Такие окна часто встречаются на сайтах: они помогают собирать email, показывать важные сообщения или предлагать скидки...