Реализация «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

Анимация кнопки «Рим» CSS 

🔗Светящаяся кнопка заполняется при наведении на нее курсора мыши.

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

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

#animation #html #css #js

Draw Worm - это привлекательная анимация на холсте, которая создает ветви, а еще лучше, если анимация следует за мышью, создавая новые ветви.

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