Pixel gradient — завораживающая фоновая анимация пиксельного градиента, реализованная с помощью JavaScript.

#javascript

Paper Cut Text Effect — текст с эффектом вырезки из бумаги. Реализован с помощью JavaScript-библиотеки React. Анимация реализована с помощью CSS.

#javascript #css #react

Sound links menu — воспроизведение разных звуковых эффектов при клике и наведении на ссылки, реализованное с помощью jQuery.

#jquery

Back to top with progress indicator — кнопка "Вернуться к началу" с индикатором прогресса прокрутки страницы. Реализована с помощью jQuery.

#jquery

Dropdown — выпадающий список в темном и светлом оформлении на чистом CSS.

#css

Circular reveal animation — круговая анимация раскрытия скрытого контента, реализованная с помощью JavaScript и библиотеки circular-revealer@0.0.9.

#javascript #circularrevealer

Прокачивай свой технический английский без больших усилий, уделяя 5 минут в день!

На этом канале регулярно публикуют самые популярные слова и выражения из мира IT.

Подойдет всем IT-специалистам, которые хотят без труда читать документацию на английском и свободно общаться с иностранными заказчиками.

Подписывайся на @enforit и качай свой инглиш, пока компилируется проект👌

Custom cursor — пользовательский курсор - морфинг указателя в стиле iPadOS. Реализован с помощью библиотеки morphing-pointer.

#morphingpointer

Audio Waveform — анимация формы звуковой волны, реализованная с помощью GSAP, DrawSVGPlugin3 и EasePack3.

#gsap

Full Width Off-canvas — анимация раскрытия скрытого меню на полную ширину страницы. Реализована с помощью jQuery и библиотеки Off-canvas.

#jquery #offcanvas

Content filter — адаптивная страница с фильтрацией контента на чистом CSS.

#css

NEON LOVE — анимация неонового сердца, реализованная с помощью JavaScript.

#javascript

Disappearing Modals — разного вида анимации исчезновения для модальных окон, реализованные с помощью GSAP и CSSRulePlugin.

#gsap

Drop-down menu — раскрывающееся меню, реализованное с помощью jQuery.

#jquery

Photography page concept — адаптивная веб-страница фотографа в современном стиле. Анимация реализована с помощью jQuery.

#jquery

Parallax Snap — параллакс, реализованный с помощью GSAP, ScrollToPlugin3, SplitText3 и ScrollTrigger.

#gsap

Adaptive Pricing Table — адаптивная таблица цен на чистом CSS.

#css

3D CSS Buttons - Click Transition — 3D-кнопки на чистом CSS с анимацией при клике. JavaScript используется только для добавления класса clicked при клике на кнопку.

#css

Vimeo/YouTube video with cover image — пользовательский курсор с ссылкой на видео Vimeo / YouTube, который появляется при наведении на обложку видео. Реализован с помощью библиотек jQuery и Popper.js.

#jquery #popperjs

Skateboard Video Platform — адаптивный интерфейс видео-платформы на тему скейтборда, реализованный с помощью jQuery.

#jquery