К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
CSS UI Effects: Shadows, Gradients & Animations · LearnSpace
Назад в каталог
courseraПрограммирование

CSS UI Effects: Shadows, Gradients & Animations

Курс от Scrimba
Средний≈ 3 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Transform your UI designs and web sites by combining shadows, gradients, and animations in this practical course. You’ll learn to create depth with soft and hard shadows, building layered, engaging visuals that enhance your layout. Discover how to apply subtle and dynamic gradients to backgrounds, buttons, and cards, achieving visually appealing effects that guide users’ attention. Finally, you'll bring your designs to life with UI animations, using transitions and hover effects to create a smooth, interactive experience. Each section of this course is hands-on, with challenges that help you apply your skills to real-world components. By the end, you’ll know how to add polish to any interface, creating designs that are functional, interactive, and visually compelling.

Навыки, которые вы освоите

Cascading Style Sheets (CSS)AnimationsUser Interface (UI) DesignUser Interface (UI)Responsive Web DesignUsabilityWeb DesignUI ComponentsUser Interface and User Experience (UI/UX) DesignBrowser CompatibilityWeb Development

Программа курса

3 модулей · 21 учебных материалов

01Shadows8 материалов

Shadows

Welcome to interactive lessons!PLUGINShadows 101PLUGINDrop Shadow Playground SetupPLUGINChallenge 1: Hard & Soft Drop ShadowsPLUGIN

Учитесь у экспертов

Gary Simon

Преподаватель курса

CSS UI Effects: Shadows, Gradients & Animations
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 3 ч

3 модулей

Язык: Английский

Часть программы вашего университета
Challenge 2: Using Shadows to Define ContainersPLUGIN
Challenge 3: Colored ShadowsPLUGIN
Quick Tip: Multi-Layered ShadowsPLUGIN
CSS Shadows AssignmentЗадание
02Gradients7 материалов

Gradients

IntroductionPLUGINChallenge 1: Basic GradientPLUGINChallenge 2: Button GradientPLUGINChallenge 3 Setup HTML & CSSPLUGINChallenge 3: Card GradientsPLUGINChallenge 4: Card Gradients (Light Variation)PLUGINCSS Gradients QuizЗадание
03UI Animation6 материалов

UI Animation

IntroductionPLUGINDefining the HTMLPLUGINDefining the Initial CSS for MobilePLUGINChallenge 1: Responsive DesignPLUGINChallenge 2: A Simple HoverPLUGINUI Animations QuizЗадание