Берлога программиста | Веб и не только

3D Button Трехмерная кнопка, выполненная на чистом CSS. A 3D button made in pure CSS. #frontend #3d #button #css

Checklist animation - Only CSS Анимация checklist, которая реализована на чистом CSS. Checklist animation implemented in pure CSS. #frontend #css #checklist #animation

Agency website POC Концепция главной страницы сайта агентства POC. Кастомный курсор динамически меняет иконку, подсказывая, что нужно сделать. Реализовано с помощью jquery. The concept of the main page of the POC agency website. The custom cursor dynamically changes the icon to tell you what to do. Implemented with jquery. #frontend #jquery #website

Credit Card Form - VueJs Фантастическая форма кредитной карты с плавным и приятным микровзаимодействием. Включает форматирование чисел, проверку и автоматическое определение типа карты. Создан с использованием vuejs, а также полностью адаптивен. A fantastic credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type detection. Built with vuejs and also fully responsive. #frontend #form #vue #vuejs

Folding Ticket Detail Необычная реализация складного билета с помощью React. Fancy implementation of a folding ticket using React. #frontend #folding #ticket #react

SVG Hamburger Menu Icon Animation Collection Коллекция анимированных SVG-иконок меню гамбургеров. Анимация реализована с помощью JavaScript. A collection of animated SVG hamburger menu icons. The animation is implemented using JavaScript. #frontend #SVG #hamburger #menu #javascript

Image slider with multiple controls and mobile swipe control (Javascript) Адаптивный слайдер с описанием и изображением. Имеет автопрокрутку и несколько элементов управления. Реализован с помощью HTML, CSS и JavaScript. Responsive slider with description and image. Has auto-scrolling and several controls. Implemented with HTML, CSS and JavaScript. #frontend #slider #css #javascript

Weird Fishes Рыбки начинают плавать, когда вы прокручиваете страницу. Анимация реализована с помощью GSAP, ScrollTrigger, MotionPathPlugin, MotionPathHelper, lodash.throttle. The fish start to swim when you scroll down the page. Animation is implemented using GSAP, ScrollTrigger, MotionPathPlugin, MotionPathHelper, lodash.throttle. #frontend #weirdfishes #GSAP #lodashthrottle

Glowing buttons Простые светящиеся кнопки на чистом CSS. Эффект свечения появляется при наведении на кнопку. Simple glowing buttons with pure CSS. The glow effect appears when you hover over the button. #frontend #glowing #button #css

Animated Slider Адаптивный анимированный слайдер, реализованный с помощью GSAP, Draggable, InertiaPlugin, React. Responsive animated slider implemented with GSAP, Draggable, InertiaPlugin, React. #frontend #GSAP #React #Draggable #InertiaPlugin

Diagonal Layouts in 2020 Небольшое руководство по созданию диагональных макетов на чистом CSS. A small guide to pure CSS diagonal layouts. #frontend #diagonal #css

Simple CSS Waves | Mobile & Full width Анимированные волны, реализованные на чистом CSS. #анимация #css

ScrollTrigger: SVG Text Mask Текстовая SVG-маска, изменяющаяся при прокрутке страницы. Реализована с помощью GSAP, ScrollTrigger, ScrollToPlugin3 и ZeptoJS. #текст #SVGTextMask #GSAP #ScrollTrigger #ScrollToPlugin3 #ZeptoJS

Animated Marker | Framer Motion Анимированный маркер, реализован с помощью React и Framer Motion. Animated marker, implemented with React and Framer Motion. #frontend #marker #react #FramerMotion

Voyage Slider | GSAP Слайдер с 3D-анимацией карточек с изображением и описанием. Слайдер реализован с помощью GSAP. #слайдер #GSAP #3D #анимация

Candy Color Button Animation Коллекция кнопок конфетного цвета с захватывающей неоморфной анимацией при наведении. Кнопки реализованы на чистом CSS. #кнопка #css #hover

Sticky Photostack Красивый эффект прикрепления изображений в одной позиции при прокрутке страницы, реализованный на чистом CSS. #анимация #css #jpg

Airplanes Анимация полёта 3D-модели самолета при прокрутке страницы, реализованная с помощью GSAP ScrollTrigger. #анимация #GSAP #ScrollTrigger

Solid Волшебство расщепления текста при наведении, реализованное с помощью GSAP. The splitting text on hover magic implemented with GSAP. #frontend #splitting #GSAP

GSAP ScrollTrigger - Demo Анимация передвижения текста и изображений при прокрутке страницы, реализованная с помощью GSAP и плагина ScrollTrigger. #анимация #scrolltrigger #gsap