Bongo Cat Codes #2 — весёлый котик пишет код. Анимация зацикливания реализована с помощью GSAP и DrawSVGPlugin.

#gsap #javascript

Text Grid with Mouse Interaction — причудливый эффект текстовой сетки с переменными CSS и взаимодействием с мышью на JavaScript.

#css #javascript

Longcat Range Sliders — необычная реализация range-слайдеров в виде котиков, выполненная с помощью CSS и JavaScript.

#css #javascript

Tilt to make room for menu — анимация наклона фонового изображения и появления меню при нажатии на кнопку. Анимация реализована на чистом CSS.

#css

Menu Effect — эффект появления фонового изображения при наведении на пункт меню. Реализован с помощью jQuery.

#jquery

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