Реализация «Tiling SVG Animation»- Анимация из чего состоят разные кофейные напитки

⚠️Написано с помощью CSS и JS

📨ссылочка на код

#animation #js #css

Реализация «Smooth Scroll Reveal»— анимация плавного появления изображений при прокрутке страницы

⚠️Написано с помощью GSAP и ScrollMagic

📨ссылочка на код

#animation #gsap #scroll

Реализация - Solar Eclipse — анимированное солнечное затмение.

⚠️Написано с помощью CSS

📨ссылочка на код

#animation #css #javascript

Реализация «Shark — анимация акулы»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Caressed by the Sun — анимация "медузы".»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Wandering circles — анимированный фон из множества шаров»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Error 500 — анимация страницы»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «SVG Grid Pointer Distance — расстояние указателя SVG сетки»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Card — анимированная карточка»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#анимация #css #javascript

Реализация «Gpt game of life — созданная с помощью GPT, игра в жизнь»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Cinematic Animation — красивая кинематографическая анимация»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Work scroll — интересная реализация прокрутки страницы»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализована «Rainbow cloud trail — переливающееся облако, следующее за курсором»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Wavy login form — анимированная форма входа»

⚠️Написано с помощью CSS

📨ссылочка на код

#animation #css

Реализация «Pop button — анимированная кнопка»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Mandala — красивая анимация»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Yet another SVG line animation — анимация загрузки»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Imagica - AI prompt UI — анимированная панель запросов для нейронки»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Реализация «Exhibition — кубическая анимация»

⚠️Написано с помощью CSS и JavaScript

📨ссылочка на код

#animation #css #javascript

Уроки CSS

🎬 Видео уроки:

✔️Введение в CSS. Что это такое и как с этим работать?
✔️Форматы соединения стилей
✔️Селекторы для выбора элементов
✔️Псевдоклассы и псевдоэлементы
✔️Работа с фоновыми изображениями
✔️ Стили текста
✔️Стили блоков
✔️ Позиционирование блока
✔️Работа со списками
✔️Заключительная часть

#web #css

Загрузчик «Преображённая ночь»  

🔗Фоновая анимация для сайта в виде ночного неба

⚠️ Реализовано с помощью CSS

📨ссылочка на код 

#animation #html #css