Изменение ширины границы элемента при наведении

В этом примере CSS у элементов с классом border-hover устанавливается сначала тонкая синяя граница, которая становится толще при наведении курсора. Это достигается с помощью свойства border-width и эффекта плавного перехода (transition).

#CSS

Создание заголовка страницы

Этот код создает заголовок веб-страницы, который отображается во вкладке браузера.

#HTML

Добавление текста на страницу

Этот код добавляет абзац текста на веб-страницу.

#HTML

Вставка изображения

Этот код вставляет изображение на страницу.

#HTML

Создание гиперссылки

Этот код создает ссылку на другую веб-страницу.

#HTML

Создание списка

Этот код создает маркированный список.

#HTML

Создание таблицы

Этот код создает таблицу с двумя строками и двумя столбцами.

#HTML

Создание формы

Этот код создает форму для отправки данных на сервер.

#HTML

Создание кнопки

Этот код создает кнопку, которую можно нажать.

#HTML

Создание комментария

Комментарии не видны на веб-странице и используются для документации кода.

#HTML

Создание элемента division

Элемент <div> используется для создания блоков на веб-странице.

#HTML

Вставка видео

Этот код вставляет видео на страницу и добавляет элементы управления.

#HTML

Создание ненумерованного списка

Этот код создает ненумерованный список.

#HTML

Создание кнопки отправки формы

Этот код создает кнопку для отправки данных формы.

#HTML

Вставка аудио

Этот код вставляет аудио на страницу и добавляет элементы управления.

#HTML

Анимированный фон

Создайте анимированный фон для элемента, используя @keyframes и animation.

#CSS

Псевдоэлементы для стилизации первой буквы

Используйте ::first-letter для стилизации первой буквы текста.

#CSS

Градиентный текст

Добавьте градиентный фон тексту.

#CSS

Флексбокс центрирование

Центрируйте элементы с помощью флексбокса.

#CSS

Генерация контента с помощью CSS

Создайте контент с помощью content и псевдоэлементов.

#CSS

3D эффекты

Примените 3D-перспективу к элементам.

#CSS