HTML Cover Image
HTML Profile Picture
309 участника (-ов)

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

О проекте

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).