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

Mobius transformantion Анимированное преобразование Мёбиуса, реализованное с помощью CSS и JavaScript. #анимация #mobius #css #javascript

Bird's Eye View Parallax Параллакс с эффектом просмотра с высоты птичьего полета, реализован с помощью React и Anime.js. #параллакс #react #animejs

Rating Experience Компонент выставления рейтинга с SVG-иконками эмоций. Анимация реализована с помощью CSS и JavaScript. #рейтинг #css #javascript #svg

Self-Destruct Button Опасная кнопка самоуничтожения со звуковым оповещением. Кнопка адаптивная; есть возможность отключения обратного отсчёта. Вся функция кнопки реализована с помощью CSS и JavaScript. #кнопка #css #javascript

Frosted Glass Эффект матового стекла на чистом CSS. Простое решение с минимальным количеством кода. #css #glassmorphism

Horizontal Carousel Горизонтальный слайдер типа карусель с небольшим эффектом параллакса, реализованный с помощью GSAP. Слайды можно плавно прокручивать перетаскиванием. #слайдер #gsap

Text intro animation Анимация текста, реализованная с помощью GSAP и SplitText3. #animation #gsap

Animated menu Адаптивное меню с анимацией. Реализовано с помощью React и GSAP. #menu #react #gsap

Controlled Clock Управляемые часы, реализованные с помощью библиотеки AnimeJS. #clock #animejs

Multi Colored Text with CSS Разноцветный текст, реализованный на чистом CSS. #text #css

Checkbox group Адаптивная группа чекбоксов, оформленная в виде плиток на чистом CSS. #checkbox #css

Quotes animation Фоновая анимация трансформации изображений и видео в взрывающиеся песчинки. Реализована с помощью Three.js, GSAP и SplitText3. #animation #treejs #gsap

lightGallery Галерея изображений, открывающаяся в модальном окне. Реализована с помощью плагина lightGallery. #lightGallery #javascript #gallery

Bootstrap 4 navbar Адаптивное меню с плавным переходом между пунктами. Реализовано с помощью Bootstrap и jQuery. #menu #bootstrap #jquery

eCommerce Slide Effect Эффект слайда для электронной коммерции, реализованный с помощью GSAP и JavaScript. #slide #gsap #javascript

Build a fancy hover animation Эффект окрашивания монохромных изображений в карточках при наведении. Реализован на чистом CSS. The hover effect of coloring monochrome images in cards. Implemented in pure CSS. #hover #css #animation

CSS morphing Анимация появления и исчезновения слов текста, реализованная на чистом CSS. Animation of the appearance and disappearance of words of text, implemented in pure CSS. #animation #morfing #css

CSS Filter Cards Применение размытия соседних карточек при наведении на карточку. Реализовано на чистом CSS. Applying blur to adjacent cards when hovering over a card. Implemented in pure CSS. #css #filter #card

Card Slider Слайдер в виде карточки с 4-мя способами перелистывания - нажатием на пагинацию и кнопки Prev / Next, свайпом и скроллом. Реализован с помощью SwiperJS и jQuery. A slider in the form of a card with 4 ways of swiping - by clicking on pagination and the Prev / Next button, swipe and scroll. Implemented with SwiperJS and jQuery. #slider #card #jquery #swiper

Glitch Experiment Анимация сбоя, реализованная на чистом CSS. Crash animation implemented in pure CSS. #animation #glitch #css