CSS animation и @keyframes за 12 минут. Подробный разбор CSS свойств анимации + шпаргалка.

Как и CSS свойство плавных переходов transition, о котором мы говорили в предыдущем уроке, свойство animation призвано сделать нашу верстку более динамичной, оживить её для лучшего взаимодействия с пользователем и создания WOW эффекта. Но в отличие от CSS переходов, создание анимации базируется на ключевых кадрах @keyframes, которые позволяют автоматически воспроизводить и повторять эффекты на протяжении заданного времени, а также приостанавливать анимацию по определенному событию. Другими словами, использование конструкции animation и @keyframes позволяет нам создавать более сложные сценарии анимаций.

#css #keyframes #html #learn

CSS анимация + практический пример

Разберем css анимацию, как говорится от нуля до единицы. Обсудим, в каких моментах что лучше использовать. В конце разберем интересный практический пример.

#html #css

Полезные фишки для твоей верстки сайта на HTML и CSS

В этом видео разберем полезные фишки для твое верстки сайта на HTML и CSS.

#html #css #learn

HTML CSS адаптивная верстка сайта Freelance Portfolio. Темная тема на JS. CSS переменные

Адаптивная HTML верстка сайта портфолио для новичков на HTML и CSS. Мобильная адаптивная верстка, медиа-запросы. Темная тема на CSS переменных и JavaScript. Публикация сайта на GitHub Pages.

#html #css #github #js #javascript #portfolio #learn

Tailwindcss верстка реального проекта 2023. Практика.

#learn #html #css #tailwindcss