Создадим 5 красивых анимированных кнопок на CSS3. В этом примере код HTML создает 5 кнопок с разными именами классов. Код CSS стилизует и анимирует кнопки с помощью псевдокласса :hover , который запускает анимацию, когда пользователь наводит курсор на кнопку.
Радиокнопки используются для выбора одного из множества значений. Если текст радиокнопки короткий, то уместно использовать переключатель. Такой вариант мы реализуем в этой статье с использованием чистого CSS.
Чекбокс используется для выбора двух состояний у одного параметра. Он может использоваться для выбора элементов списка, например, для выбора нескольких документов, или для активации уведомлений и выбора конкретных ситуаций, в которых их следует отправлять.
Переключатель (его еще называют тумблер) помогает выбрать два состояния. Например, включение или отключение темной темы на сайте. Чисто функционально переключатель - это тот же самый чекбокс. Однако области применения у них отличаются.
Вы ищете способ добавить немного цвета на свой сайт? С помощью всего нескольких строк CSS вы можете создать красивые градиентные фоны, которые выделят ваш сайт среди других. В этой статье мы покажем вам, как это сделать.
Карточки с товарами - неотъемлемая часть любого интернет-магазина. Они позволяют в удобном виде презентовать товары или услуги потенциальному клиенту. В этой статье мы сделаем верстку карточек товаров, выведем их в сетку, а также адаптируем сетку под мобильные устройства.
Даже если вы не занимались веб-разработкой, вы возможно уже знакомы с языком разметки, известным как HTML (язык гипертекстовой разметки), который действует как скелет веб-сайта.
Если вы ищете способ добавить интерактивности вашим изображениям, обратите внимание на css. С помощью всего нескольких строк кода вы можете добавить эффект «масштабирования» при наведении курсора на изображение. Ознакомьтесь с этой статьей в блоге, чтобы узнать, как это сделать.
CSS Flexbox позволяет размещать и упорядочивать элемент по горизонтали и вертикали, что делает веб-страницу гибкой и простой для понимания. Flexbox - то не просто свойство, это модуль макета CSS.
Свойство Display определяет поведение элемента при его отображении в браузере. В HTML значение свойства display берется из спецификаций HTML или из таблицы стилей браузера/пользователя. Отображаемое значение для большинства элементов — блочное или строчное.
Свойство CSS position определяет положение HTML-элемента внутри области просмотра браузера. По умолчанию все элементы HTML будут следовать порядку по умолчанию. Мы можем использовать свойство CSS position для управления положением HTML-элементов внутри области просмотра.
Когда вы говорите о расстоянии между двумя местами, такими как ваш дом и дом вашего друга, вы говорите о километрах или метрах. Тогда как, говоря о росте человека, мы, как правило, говорим о сантиметрах или футах.
