Interactive iPhone

Интерактивный интерфейса айфона на 14 iOS с симуляцией некоторых приложений.

⤷ Забрать код

@HtmlGram1 | #scss #js

Confirm confetti button

Красивая кнопка подтверждения с эффектами конфетти.

⤷ Забрать код

@HtmlGram1 | #scss #js

3D Scrolling Gallery/Timeline

Анимированная галерея для отображен таймлайна или же просто просмотра картинок.

⤷ Забрать код

@HtmlGram1 | #css #js

Click to send

Удобная и красивая кнопка для отправки писем. Сделано на CSS и JS.

⤷ Забрать код

@HtmlGram1 | #css #js

Vertical menu with gooey effect on hover

Вертикальное меню с эффектом желе при наведении.

⤷ Забрать код

@HtmlGram1 | #scss #js

Light / Dark / Black Theme

Удобная менюшка для управления темой.

⤷ Забрать код

@HtmlGram1 | #scss #js

Let there be light

Креативно и лаконично сделанный переключатель темы

⤷ Забрать код

@HtmlGram1 | #css #js

Animated Button

Красивая анимированная кнопка загрузки с конфетти.

⤷ Забрать код

@HtmlGram1 | #css #js

Animated Border Gradient

Красивая рамка с градиентным эффектом, поддерживает радиус границы: для этого потребуется отдельный элемент.

⤷ Забрать код

@HtmlGram1 | #css

Add to cart

Аккуратненькая кнопка для добавления товара в корзину.

⤷ Забрать код

@HtmlGram1 | #css #js

Magnetic Hover Interaction

Магнетическая анимация для взаимодействия с объектами меню.

⤷ Забрать код

@HtmlGram1 | #scss #js

Navigation bar concept

Интересный вариант оформления навигационной менюшки.

⤷ Забрать код

@HtmlGram1 | #css #js

Title transparent & border

Дизайн границ и прозрачного заголовка написанный с помощью CSS.

⤷ Забрать код

@HtmlGram1 | #css #js

Outfit at Dusk

Раскладывающееся меню, сделано на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css #js

Pricing Tables

Адаптивные карточки цен, реализованные на SCSS.

⤷ Забрать код

@HtmlGram1 | #scss

Interface control

Элемент управления интерфейсом, сделан с помощью CSS.

⤷ Забрать код

@HtmlGram1 | #css

LEDs On/Off

Переключатели вкл/выкл в стиле светодиодов, написанные на CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #js

Hopdot Loader

Загрузочная анимация в виде перекатывающихся точек. Написано на GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap

FadeIn Text with bars

Тест с эффектом исчезнования и полосами. Написан с помощью SCSS.

⤷ Забрать код

@HtmlGram1 | #scss

T-Shirt Cannon Button

Кнопка-анимация для подтверждения успешного заказа одежды, сделанная на Splitting.js и GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap