Відеокурс CSS3 - ефекти, трансформації - DVD

Название -"Курс CSS3 уровень III - эффекты, трансформации, переходы"

Продолжительность - 8 часов 10 минут

Уровень: продвинутый

Чему вы научитесь?

Вы когда-нибудь видели интересную анимацию на сайте и потом думали: «Интересно, как самому создать такой эффект»? Думаете, это сложно и требует дополнительных инструментов? Ничто не может быть дальше от истины, потому что вы можете создавать такие типы движущихся элементов, анимации и эффектов, изучая секреты CSS.

В этом курсе вы сделаете еще один большой шаг в CSS, изучив возможности анимации и эффектов, которые предлагает CSS. Благодаря этому вы сможете создавать на своем сайте удивительные вещи, и все зависит от вашей фантазии. Вы оживите статический веб-сайт и улучшите пользовательский опыт. Итак, если вы уже знаете основы CSS, с этим курсом вы достигнете следующего уровня посвящения. К концу этого курса вы сможете понять, как работает анимация на веб-сайте и как ее создавать с помощью чистого CSS.

• Вы научитесь создавать эффекты с помощью CSS
• Вы создадите анимированные элементы на своем веб-сайте.
• Вы научитесь использовать маски.
• Вы добавите такие фильтры, как сепия, размытие или оттенки серого.
• Вы научитесь комбинировать фильтры друг с другом.
• Вы научитесь использовать режимы наложения.
• Вы будете выполнять трансформации, масштабирование, поворот, наклон.
• Вы будет применять преобразования в 2D и 3D-средах.
• Вы научитесь добавлять анимированные эффекты.
• Вы научитесь использовать переходы и анимацию ключевых кадров.

Для кого предназначен этот курс?

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

  творческие эффекты.

• Обучение предназначено для людей, освоивших два предыдущих выпуска наших курсов по CSS и основам HTML.

Эффекты

Вы будете начните курс с изучения простых эффектов, таких как изменение непрозрачности элемента, создание градиента или добавление тени. Двигаясь дальше, вы сможете создавать более творческие эффекты, например, применяя оттенки серого, сепию или размытие к данному элементу. Вы также увидите, как управлять контрастностью, яркостью и цветом с помощью CSS. Дополнительно я покажу, как объединить несколько фильтров на одном элементе.

Трансформации

Один из разделов курса посвящен концепции CSS-преобразований, которые открывают двери для множества творческих возможностей: от перемещения элементов на странице до их масштабирования и вращения. Вы изучите все функции преобразования, которые можно использовать в 2D и 3D-средах.

Анимация

Затем вы перейдете к самой важной части — анимации. Вы будете использовать все методы и свойства, которые вы изучили, для преобразований и эффектов. Вы увидите, как применять переходы, использовать ключевые кадры, указывать процентное соотношение стадии анимации, создавать начальную и останавливающую анимацию. Вы определите количество повторений и направление, в котором будет двигаться элемент. Вы увидите, как отслеживать ход анимации с помощью JavaScript, и узнаете о библиотеке Animate_css.

1. Введение

1.1. Введение

2. Простые эффекты

2.1. Непрозрачность

2.2. Тень для текста

2.3. Тень для элемента

2.4. Линейный градиент

3. Маски

3.1. Свойство переполнения со скрытым значением

3.2. Фон скользящего элемента

4. Фильтры

4.1. Фильтры – введение

4.2. Сепия

4.3. Оттенки серого

4.4. Насыщенность

4.5. Размытие

4.6. Яркость

4.7. Контраст

4.8. Поворот оттенка

4.9. Инвертировать

4.10. Непрозрачность

4.11. Объединение фильтров

4.12. Фоновый фильтр

5. Режимы наложения

5.1. Введение в режимы наложения

5.2. режим наложения фона

5.3. Режим смешивания

6. Преобразования

6.1. Преобразования – введение

6.2. Переход в 2D-пространство

6.3. Масштабирование в 2D пространстве

6.4. Вращение в 2D пространстве

6.5. Наклон в 2D-пространстве

6.6. Определение нулевой точки элемента

6.7. Объединение преобразований

6.8. Введение в 3D-трансформацию

6.9. Перспектива

6.10. Использование обратной видимости

7. Анимация

7.1. Переход – введение

7.2. Переход – определение компонентов отдельно

7.3. Графическое представление основных сигналов

7.4. Переход – последовательность

7.5. Переход – последовательности даны отдельно

7.6. Использование кадров при переходе

7.7. Частое использование перехода

7.8. Анимация @keyframes – введение

7.9. Определение процента этапа анимации

7.10. Использование слов от и до

7.11. Запуск и остановка анимации

7.12. Количество повторов анимации

7.13. Использование функции синхронизации анимации

7.14. Использование анимации-длительности и анимации-задержки

7.15. Объединение анимаций

7.16. Определение направления анимации

7.17. Использование режима анимации-заполнения

7.18. Отслеживание хода анимации с помощью JavaScript

7.19. Библиотека Animate_css

8. Прощание

8.1. Несколько заключительных слов

Как выбрать версию курса:

Видеокурс доступен в двух формах:

1. в электронном виде - в виде ссылки для скачивания запакованного архива. После покупки вы получите ссылку на электронную почту. В этом случае ищите аукцион, помеченный как цифровая версия.

2. коробка на DVD — вместо ссылки для скачивания вы получите DVD по указанному адресу. В этом случае ищите аукцион с пометкой DVD.

Подойдет ли курс к имеющейся у меня программе?

Курсы созданы на разных версиях программы. Однако в большинстве случаев им подходит любая версия. Курсы созданы таким образом, чтобы быть совместимыми и нейтральными для старых версий программного обеспечения. То есть если у вас, например, Photoshop 2019 года и курс создан на версии Photoshop 2020 года, то он подойдет на 100%.

Получу ли я программу вместе с курсом?

Курсы представляют собой видеоролики, показывающие работу в заданной программе. Ни один из курсов не сопровождается программой, которую необходимо приобрести самостоятельно.