Курс по креативной CSS анимации, переходам и трансформации

Вы когда-нибудь видели веб-анимацию на codepen или на любом веб-сайте, а потом думаете: «О, это круто! Я хочу сделать это! » но потом думаете, что это сложно ? Ну, я здесь, чтобы сказать вам: Нет, это определенно не так! Я Ahmed Sadek , веб-разработчик и фрилансер fullstack c более чем 7 лет опыта, и я хочу поприветствовать вас на моем курсе - Курс по креативной CSS анимации, переходам и трансформации.

Css анимация быстро становится важным инструментом дизайна, который все чаще используется, чтобы помочь нашим пользователям понимать и взаимодействовать с нашими сайтами. Это определенно следующий большой шаг в css! Абсолютно удивительные вещи могут быть сделаны. Это буквально зависит от вашего воображения! Это оживляет ваш веб-сайт и повышает удобство работы с пользователем, а вы знаете, что лучший пользовательский опыт означает более высокую репутацию и более удовлетворенных посетителей. Поэтому анимация, переходы и преобразования CSS являются критически важными навыками для любого веб-разработчика в настоящее время ... и я здесь, чтобы убедиться, что вы изучили это правильно.

Таким образом, в этом курсе вы освоите анимацию, переходы и преобразования CSS, начиная с нуля, и не только, мы также запачкаем руки и создадим много примеров вместе, чтобы вы получили тонны идей и множество вдохновение, чтобы помочь вам создать любую сложную анимацию, которую вы можете придумать.

Мы начнем с рассмотрения свойства css transition, узнаем, что это такое и как оно может дать жизнь элементам HTML.

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

После этого мы перейдем к самой интересной части! Мы будем использовать все методы и свойства, которые мы узнали о преобразованиях и переходах CSS, и мы начнем создавать некоторые творческие примеры, которые вдохновят вас и помогут в полной мере использовать то, что вы узнали!

Мы начнем этот раздел с создания некоторых эффектов наведения кнопок, затем нескольких эффектов наведения изображений и многого другого!

Затем мы перейдем к анимации и ключевым кадрам (keyframes) CSS, где мы узнаем все о них и всех их свойствах.

И, наконец, мы перейдем к последнему разделу курса, где будем создавать множество примеров анимации CSS, которые поразят ваше воображение и помогут вам создать любую анимацию, о которой вы только можете подумать!

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