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

#javascript

From button to dialog — появление диалогового окна при клике на кнопку, реализованное с помощью React.

#react

Space button — анимация отправки сообщения в космическом стиле при клике на кнопку. Реализована с помощью GSAP.

#gsap

FLIP CLOCK — перекидные часы. Отсчёт времени реализован с помощью jQuery.

#jquery

Stack game — игра "Стековая башня", реализованная с помощью библиотек Three.js и Cannon.js

#treejs #cannonjs

Hamburger Menu Animations — 4 вида плавной анимации для гамбургер-меню, реализованные на чистом CSS.

#css

Shutter Vertical Reveal — анимация вертикального раскрытия скрытого контента в виде затвора. Реализована с помощью JavaScript.

#javascript

Устал искать годный контент по фронту?

Ребята из Войти в IT создали канал, в котором ежедневно выходят качественные ролики по Frontend-разработке и не только.

Хватит тратить кучу времени на книги, когда можно уделяя 10 минут в день поднять свои скиллы до небес!

P.S. Подпишись, чтобы не потерять 👇

Neumorphism animation — анимация в стиле неоморфизма на чистом CSS.

#css

Background clip text hover animation — анимация чередования фоновых изображений внутри текста при наведении на текст, реализованная на чистом CSS.

#css

TV Shows Slider — необычный слайдер с плавным перелистыванием слайдов, реализованный с помощью jQuery.

#jquery

Smooth Scroll Reveal — анимация плавного появления изображений при прокрутке страницы. Реализована с помощью GSAP и ScrollMagic.

#gsap

Хватит тратить кучу времени на поиск нормальной статьи

На канале @Pod_it ежедневно выходят самые полезные статьи для Frontend-разработчиков и не только из GitHub.

Подписывайся на канал, чтобы не потерять 🔥

Pure CSS Modal — модальное окно на чистом CSS.

#css

Dummy Multi Layer Page Reveal Effect — эффект открытия многослойной страницы-пустышки при нажатии на кнопку. Реализован с помощью CSS и JavaScript.

#css #javacript

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