Html Gram

Public

Не можете присоединиться? @HtmlGram1

9.5k Участники

Обновлено: May 13, 2026 at 6:35 PM

Html Gram

Улучши свой сайт, используя крутые codepen решения. Сотрудничество: @dad_admin Ссылка на канал: @HtmlGram1 Канал на бирже: https://telega.in/c/HtmlGram1 РКН: https://bit.ly/3XoPSV0

@HtmlGram1 is a growing community focused on httpsbitly3xopsv0 and htmlgram1 and related topics

Рейтинг

Глобальный рейтинг

#456

Рейтинг по языку

#45

Рейтинг по категории

#23

-1

Рост участников (Последние 7 дней)

Всего: 9.5K

Рост за 24ч: -61 1%

Последние посты

Html Gram

25 мая 2026 г., 17:39

🎥 Video

Responsive macOS Style Portfolio

Необычное портфолио в стиле MacOS. Реализовано с помощью CSS и JS.

⤷ https://codepen.io/ecemgo/pen/WNmWVqb

| #css #JavaScript

705

Html Gram

25 мая 2026 г., 17:39

🎥 Video

SVG / CSS animation - checkbox

Переключатель необычной формы с анимированными частями при переключении. Реализовано с помощью CSS и JS.

⤷ https://codepen.io/rikhnovets/pen/ExpVZdR

| #css #JavaScript

668

Html Gram

25 мая 2026 г., 17:39

🎥 Video

Turning pages with CSS

Оформление слайдшоу из ваших фотографий в виде книги. Реализовано с помощью CSS.

⤷ https://codepen.io/rikhnovets/pen/ExpVZeL https://dribbble.com/AndriiD | #css

677

Html Gram

25 мая 2026 г., 17:39

🎥 Video

Particles button

Пузыри, разлетающиеся по разным сторонам, при нажатии на кнопку. Реализовано с помощью CSS и JS.

⤷ https://codepen.io/rikhnovets/pen/eYjpgrG

| #css #JavaScript

767

Html Gram

25 мая 2026 г., 17:39

🎥 Video

CSS only mirror like nav

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

⤷ https://codepen.io/sean_codes/pen/zwJQeB

| #css

735

Html Gram

25 мая 2026 г., 17:39

🎥 Video

social

Диагональный hover-эффект для ссылок на социальные сети. Реализовано с помощью CSS.

⤷ https://codepen.io/orion_Lord_of_the_world/pen/RwpQOVj

| #css

754

Html Gram

25 мая 2026 г., 17:39

🎥 Video

Flexible Dropdown Menu

Гибкое выпадающее меню с эффектом при наведении на его пункты. Реализовано с помощью SCSS.

⤷ https://codepen.io/orion_Lord_of_the_world/pen/jOBKqQE

| #scss

755

Html Gram

25 мая 2026 г., 17:39

🎥 Video

cool card

Эффект сияния при наведении курсора мыши на карточки с изображениями. Реализовано с помощью SCSS.

⤷ https://codepen.io/orion_Lord_of_the_world/pen/bGqgbwb

| #scss

767

Html Gram

25 мая 2026 г., 17:39

🎥 Video

cards

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

⤷ https://codepen.io/orion_Lord_of_the_world/pen/gOmXZzJ

| #css

791

Html Gram

25 мая 2026 г., 17:39

🎥 Video

Button Animation

Кнопка для активации какой-либо функции на Вашем сайте. Реализовано с помощью CSS.

⤷ https://codepen.io/Mareken/pen/gZwQeZ

| #css

776

Html Gram

10 мая 2026 г., 20:04

🎥 Video

Css services hover card

Пояснения к карточке появляются при наведении курсора. Реализовано с помощью CSS.

⤷ https://codepen.io/ghostkid5player/pen/GREpPGb https://dribbble.com/AndriiD | #css

675

Html Gram

10 мая 2026 г., 20:04

🎥 Video

Pulse Balls Preloader

Прелоадер, напоминающий жонглирование - вид сверху. Реализовано с помощью CSS.

⤷ https://codepen.io/roqueribeiro/pen/xVoRjO

| #css

767

Html Gram

10 мая 2026 г., 20:04

🎥 Video

Pure CSS Circle Menu

Круговое разворачивание списка соц. сетей при нажатии на бургер-кнопку. Реализовано с помощью SCSS.

⤷ https://codepen.io/orion_Lord_of_the_world/pen/KKXmaEL

| #scss

742

Html Gram

10 мая 2026 г., 20:04

🎥 Video

Gradient Button Animation

Градиентная заливка кнопки при наведении на неё курсора мыши. Реализовано с помощью CSS.

⤷ https://codepen.io/anddaz/pen/PBVPRW

| #css

710

Html Gram

10 мая 2026 г., 20:04

🎥 Video

Hover Card PopOut

Всплывающий 3D-эффект наведения на карточки. Реализовано с помощью CSS.

⤷ https://codepen.io/rikhnovets/pen/mdjorjj

| #css

767

Html Gram

10 мая 2026 г., 20:04

🎥 Video

Hover Card PopOut

Эффект волны. Реализовано с помощью SCSS и JS.

⤷ https://codepen.io/konstantindenerz/pen/poYVOpv

| #scss #JavaScript

781

Html Gram

10 мая 2026 г., 20:04

🎥 Video

Lightbox using

Крутая интерактивная галерея с возможностью увеличения фото. Реализовано с помощью CSS.

⤷ https://codepen.io/designcouch/pen/abRNObK https://dribbble.com/AndriiD | #css

777

Html Gram

10 мая 2026 г., 20:04

🎥 Video

Flying Dots

Фон с движущимися светящимися частицами. Реализовано с помощью CSS.

⤷ https://codepen.io/rikhnovets/pen/zYpBYNN https://dribbble.com/AndriiD | #css

792

Html Gram

10 мая 2026 г., 20:04

🎥 Video

Gradient BG Animation

Пока пользователь изучает информацию на сайте, фон сменяется на все цвета радуги. Реализовано с помощью CSS.

⤷ https://codepen.io/Lawted/pen/dyXLWLp https://dribbble.com/AndriiD | #css

777

Html Gram

10 мая 2026 г., 20:04

🎥 Video

FunAnimatedCard

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

⤷ https://codepen.io/headzed/pen/wvdPxNK

| #css

762

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

Holiday Feature Folding Cards

Анимация для фона с частицами, движущимися по сетке. Реализовано с помощью CSS.

⤷ https://codepen.io/iqszlong/pen/RYxYmw https://dribbble.com/AndriiD | #css

764

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

animation button

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

⤷ https://codepen.io/lichin-lin/pen/KzeLMb https://dribbble.com/AndriiD | #css

715

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

Startaê's background animation using particles.js

Плавное движение частиц на тёмном фоне. Реализовано с помощью JS.

⤷ https://codepen.io/sales/pen/GqgZLq https://dribbble.com/AndriiD | #JavaScript

702

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

Social Button Share Animation

Эффект появления списка соц. сетей для кнопки "Поделиться". Реализовано с помощью CSS и JS.

⤷ https://codepen.io/romswellparian/pen/mJXdqV https://dribbble.com/AndriiD | #css #JavaScript

809

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

CSS Animations: Obvious CTA Buttons

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

⤷ https://codepen.io/oliviale/pen/vPvvyr https://dribbble.com/AndriiD | #css

813

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

The Team - 001

Эффект объемных карточек при наведении на них курсора. Реализовано с помощью SCSS.

⤷ https://codepen.io/team/elegantthemes/pen/wGYpow https://dribbble.com/AndriiD | #scss

812

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

Link Hover Interaction | SplittingJS

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

⤷ https://codepen.io/dev_loop/pen/rNxqPWp https://dribbble.com/AndriiD | #css

802

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

Background Animation Galaxy

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

⤷ https://codepen.io/riedayme/pen/yqgzby https://dribbble.com/AndriiD | #css

805

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

Social Card + 3D Hover Effect

3D-эффект при наведении на карточку с информацией о человеке и соц. сетями. Реализовано с помощью SCSS.

⤷ https://codepen.io/bobbykorec/pen/jyeeQP https://dribbble.com/AndriiD | #scss

816

Html Gram

28 апр. 2026 г., 06:55

🎥 Video

Button Animation

Плавное заполнение цветом для кнопки при наведении курсора мыши. Реализовано с помощью CSS.

⤷ https://codepen.io/alexpate/pen/YyLOWQ https://dribbble.com/AndriiD | #css

816

Showing 30 of 56 posts

Рейтинг

Требуется вход

Отзывы пользователей (0)

Пока нет отзывов. Будьте первым, кто поделится своим опытом!

Html Gram

Html Gram

Рейтинг

Рост участников (Последние 7 дней)

Последние посты

Рейтинг

Отзывы пользователей (0)

Похожие каналы Telegram

Albinasummer

PM работа. Проектные менеджеры

Русский Модный Код

Литературный коД

Компьютерная математика Weekly

AI Projects

ReLab Family

Книги по программированию

Похожие каналы Telegram

Albinasummer

PM работа. Проектные менеджеры

Русский Модный Код

Литературный коД

Компьютерная математика Weekly

AI Projects

ReLab Family

Книги по программированию

Последние посты

Отзывы пользователей (0)