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

Google Maps Example

Пример c гугл картами: Nightly. Сделано с помощью JavaScript и CSS.

⤷ Забрать код

@HtmlGram1 | #css #js

Views - CSS Doodle

Картинка при нажатии на которую происходит анимация, реализована с помощью CSS и JS.

⤷ Забрать код

@HtmlGram1 | #css #js

Generative UI - Orb Animation [pixi.js] + Frosty Elements

Пользовательский интерфейс и анимация сферы с морозными элементами. Реализован с помощью JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #js

Footer sorrow

Необычный эффект при прокрутке страницы. Реализован с помощью JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #js

Wyre Loading

Красивый loader с плавной анимацией, реализованный на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Modal Animations

7 видов анимации модальных окон, реализованных с помощью CSS и jQuery.

⤷ Забрать код

@HtmlGram1 | #jquery

Slide Down Toggle

Переключатель слайдов, реализованный на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Newspaper Layout

Макет газеты, написан на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Christmas Candy Cane

Текстовый эффект рождественской конфеты, реализован с помощью CSS.

⤷ Забрать код

@HtmlGram1 | #css

Variable font resize on device orientation

Изменяемый размер шрифта в зависимости от устройства, реализован с помощью CSS и JS.

⤷ Забрать код

@HtmlGram1 | #css #js

Profile Card Hover Effect

Эффект увеличения изображения карточки при наведении. Реализован на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #hover #css

Textarea auto-expand

Автоматическое расширение текстовой области. Реализовано с помощью JavaScript и CSS.

⤷ Забрать код

@HtmlGram1 | #js #css

Card Hover Interaction

Карточки с всплывающей информацией при наведении. Реализованы с помощью CSS.

⤷ Забрать код

@HtmlGram1 | #hover #css