Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Декоративні Псевдо-Елементи | Декоративні Ефекти
Основи CSS
course content

Зміст курсу

Основи CSS

Основи CSS

2. CSS для Тексту
3. Бокс Модель та Відстань між Елементами
4. Флексбокс
5. Декоративні Ефекти

bookДекоративні Псевдо-Елементи

Псевдо-елементи ::before і ::after - це спеціальні селектори, які дозволяють вставляти вміст до або після вмісту елемента. Ми використовуємо їх для додавання декоративних елементів, таких як іконки або рамки, до вмісту елемента, не змінюючи власне HTML-вміст.

  • ::before додає вміст перед контентом елемента.
  • ::after додає вміст після контента елемента.

Розглянемо наступний приклад, де нашим завданням є додавання декору для ефекту наведення курсору миші на посилання:

html

index

css

index

js

index

copy
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 4
some-alt