Shattering Images

Галерея изображений, которые разбиваются на множество осколков при клике. Реализована с помощью Delaunay.js и TweenMax.js

#javascript

Image Hover Effects

Несколько вариантов эффектов при наведении на блоки с изображением и текстом.

#css

Quick details with zoom view

Адаптивные карточки товаров с подробным просмотром товара в модальном окне.

#css #jquery

Visual Studio Code

Бесплатный, мощный, очень популярный, с кучей дополнений, да что там говорить, сам Фейсбук выбрал его в качестве основного редактора!

#редактор_кода

Адаптивная навигация для сайта

Под капотом имеем красивую анимацию реализованную на GSAP. С легкостью внедряется в проект и кастомизируется.
⠀
#css

Табы с анимацией

Табы с красивой анимацией в виде слайдера. Используем CSS и jQuery.

#css #jquery

Навигация

«Липкая» навигация для вашего проекта при помощи jQuery и CSS.

#jquery #css

Аккордеон

Красивый аккордеон на jQuery с плавной анимацией. Легкая кастомизация и неплохое украшение вашего проекта.

#jquery #css

Hover эффект

Overlay эффект при наведении на изображение. Используем только CSS и немного магии.

#css

Навигация

Адаптивная навигация, которая имеет простое исполнение, приятный дизайн и выпадающие пункты меню.

#jquery #css

Слайдер

Красивый и интересный слайдер на чистом JS. Если в вашем проекте уже используется GSAP, то данный слайдер будет прекрасным дополнением.

#gsap #css

Анимация

Необычная canvas анимация, которая может стать изюминкой вашего проекта.

#canvas #animation

Кнопка

Оригинальная кнопка загрузки с красивой анимацией. Под капотом GSAP и немного магии.

#gsap #css

Тимлид по секрету показал мне свои закладки

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

Подпишись на канал и посмотри 👇

Анимация текста

Красивая анимация текста при наведении, которая станет фишкой вашего портфолио или сайта вашего клиента.

#gsap #css

Random Password Generator - генератор случайных паролей. Реализован с помощью HTML, CSS и JS.

#js #css

Sense of depth - реализация объёма с помощью css-свойства clip-path.

#css #анимация

Image slider with multiple controls - адаптивный слайдер с автопрокруткой и несколькими элементами управления. Реализован с помощью HTML, CSS и JavaScript.

#css #javascript

Profile Card Hover Effect - эффект увеличения изображения карточки при наведении. Реализован на чистом CSS.

#css

Hideaway - эффект перелистывания бумаги. Реализовано с помощью CSS-свойства clip-path
и серединного перпендикуляра.

#css #javascript