Курс на Stepik
Обложка курса «HTML и CSS (Часть 4) Современный CSS и анимации» на Stepik
Бесплатно

HTML и CSS (Часть 4) Современный CSS и анимации ★ 0.000

Открыть на
STEPIK.ORG

Освойте современный CSS: псевдоклассы, псевдоэлементы, анимации, трансформации, CSS-переменные, современные селекторы и тёмную тему. Научитесь делать интерфейсы более живыми, гибкими и современными.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «HTML и CSS (Часть 4) Современный CSS и анимации»Учеников на курсе 4
Сертификаты, выданные на курсе «HTML и CSS (Часть 4) Современный CSS и анимации»Сертификатов выдано 0
Отзывы о курсе «HTML и CSS (Часть 4) Современный CSS и анимации»Отзывов получено 0
Рейтинг курса «HTML и CSS (Часть 4) Современный CSS и анимации»Рейтинг курса 0.000
Уроки в курсе «HTML и CSS (Часть 4) Современный CSS и анимации»Количество уроков 14
Тесты в курсе «HTML и CSS (Часть 4) Современный CSS и анимации»Количество квизов 91
Обновления курса «HTML и CSS (Часть 4) Современный CSS и анимации»Обновления курса — —
Дата публикации курса «HTML и CSS (Часть 4) Современный CSS и анимации»Дата публикации курса — ———
Последнее обновление курса «HTML и CSS (Часть 4) Современный CSS и анимации»Последнее обновление — ———
Сложность easy — ———

Содержание курса

Разделы в курсе «HTML и CSS (Часть 4) Современный CSS и анимации» 3 раздела Уроки в курсе «HTML и CSS (Часть 4) Современный CSS и анимации» 14 уроков Тесты в курсе «HTML и CSS (Часть 4) Современный CSS и анимации» 91 тест Последнее обновление курса «HTML и CSS (Часть 4) Современный CSS и анимации» обн. 29 сентября 2026

Псевдоклассы, псевдоэлементы и переходы

4 урока
1. Псевдоклассы состояний ↗
2. Структурные псевдоклассы ↗
3. Псевдоэлементы ↗
4. Плавные переходы transition ↗

Анимации на keyframes

4 урока
1. Правило @keyframes и свойство animation ↗
2. Управление ↗
3. Трансформации transform ↗
4. Производительность и доступность ↗

Современные возможности CSS

6 уроков
1. CSS-переменные (custom properties) и тема оформления ↗
2. Современный селектор ↗
3. Функция calc() для вычисляемых значений ↗
4. Современные эффекты ↗
5. Тёмная тема и prefers-color-scheme ↗
6. Подведем итоги ↗