Html Gram

2023-02-19 09:39:12 Menu micro-interaction with CSS 

Небольшое меню, которое раскрывается при нажатии пользователя. Аккуратно, минималистично.

⤷Забрать код

@HtmlGram | #scss Открыть/Комментировать

2023-02-18 09:45:39 Random Password Generator 

Генератор случайных паролей

⤷Забрать код

@HtmlGram | #scss #js Открыть/Комментировать

2023-02-17 20:03:24 Имитация чернильных клякс

Выполнена на canvas + JS
«Кляксы» можно добавлять кликом по холсту. Обратите внимание, что старые бледнеют при добавлении новых, «впитываясь» в «бумагу», что добавляет реалистичности.

⤷Забрать код

@HtmlGram | #css #js Открыть/Комментировать

2023-02-17 15:14:23 Content filter 

Адаптивная страница с фильтрацией контента на чистом CSS.

⤷Забрать код

@HtmlGram | #scss Открыть/Комментировать

2023-02-17 10:10:50 Manufactured 

Приятная гифка

⤷Забрать код

@HtmlGram | #css #js Открыть/Комментировать

2023-02-16 09:33:31 Conic Gradient

Эффект появления реализован при помощи css свойства mask, значение которого изменяется в JS.

⤷Забрать код

@HtmlGram | #css #js Открыть/Комментировать

2023-02-15 21:14:00 Слайдер  

Адаптивный слайдер из карточек для твоего сайта

⤷Забрать код

@HtmlGram | #scss #js Открыть/Комментировать

2023-02-15 09:39:12 "Toss" Add to Cart Animation

Анимация добавления товара в корзину. Реализована с помощью jQuery

⤷Забрать код

@HtmlGram | #scss #js Открыть/Комментировать

2023-02-14 12:06:37 Link hover animation

Анимация при наведении на ссылку, реализованная с помощью SCSS и SVG, без использования JavaScript

⤷Забрать код

@HtmlGram | #scss Открыть/Комментировать

2023-02-14 09:01:47 Анимация

Переход изображения в формате SVG

⤷Забрать код

@HtmlGram | #css #js Открыть/Комментировать