Перейти к содержимому
Технологии IT обновлён 26.02.2024

Html Gram

Html Gram - это Telegram-канал, который поможет вам улучшить свой сайт, используя крутые решения с CodePen. Здесь вы найдете множество примеров кода на HTML, CSS и JavaScript, которые помогут вам создать красивые и функциональные элементы для вашего веб-сайта. Канал предлагает обзоры и рекомендации по использованию различных техник и инструментов, которые помогут вам достичь профессионального уровня в разработке веб-страниц. Если вы хотите улучшить свой сайт и научиться создавать впечатляющие веб-элементы, подписывайтесь на Html Gram в Telegram!

Публикации канала

'Making pancake' loader Прелоадер в виде приготовления блинов. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Wave button animation Эффект возрастания волны в кнопке при наведении на неё. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Menu Animation Разворот бургер-кнопки при наведении на неё и появление пунктов меню. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Star animation Звёздная анимация для фона и меню. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

campfire Фоновая анимация с раскаленным костром. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

skeleton Анимация для очертаний контента, который ещё не загрузился. Реализовано с помощью SCSS. ⤷ Забрать код @HtmlGram1 | #scss

Открыть в Telegram

3D cards, reactive and responsive Вращение карточек по траектории курсора мыши. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Square to circle button animation Смена квадратной формы кнопки на круглую при наведении на неё. Реализовано с помощью SCSS. ⤷ Забрать код @HtmlGram1 | #scss

Открыть в Telegram

Image Based Background animation Плавно меняющийся градиент в качестве фона для кнопки. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Link hover Ссылка, которая плавно подсвечивается при наведении на нее. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

clear input animation Плавное стирание текста при нажатии на кнопку в правой части поля. Реализовано с помощью SCSS и JS. ⤷ Забрать код @HtmlGram1 | #scss #JavaScript

Открыть в Telegram

Wavy Background Animation [Pure CSS] Успокаивающая волнистая фоновая анимация. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Animated SVG Hover Buttons Появление зажигательного контура вокруг кнопки при наведении на неё. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Hover Card Effects | HTML & CSS Эффект поднимающихся карточек при наведении на них. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

background gradient animation Интересный вариант радужного градиентного перехода. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Split Landing Page Разделенная лендинговая страница. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Login Form Input animation Форма для ввода имени и пароля на фоне градиентного перехода. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Button with Hover Effect Сияющий эффект при наведении на кнопку. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Fiery Preloader Oгненный прелоадер. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Открыть в Telegram

Amazing Button Hover [Responsive] Облачная заливка кнопки при наведении на неё. Реализовано с помощью SCSS. ⤷ Забрать код @HtmlGram1 | #scss

Открыть в Telegram

Комментарии

0

Комментарии пишут вошедшие — так видно, кто автор.

Войти

Комментариев пока нет

Будьте первым, кто расскажет о канале другим.

Пожаловаться на канал

Расскажите, что не так: модератор проверит канал и примет решение. Подпись не нужна, но почту можно оставить — тогда ответим.

Причина Что не так (необязательно) Почта для ответа (необязательно)
Открыть в Telegram