Html Gram
Kanalga Telegram’da o‘tish
Улучши свой сайт, используя крутые codepen решения. Сотрудничество: @dad_admin Ссылка на канал: @HtmlGram1 Канал на бирже: https://telega.in/c/HtmlGram1 РКН: https://bit.ly/3XoPSV0
Ko'proq ko'rsatish
Tarmoq:9 224
Obunachilar
Ma'lumot yo'q24 soatlar
-297 kun
-7830 kun
Ma'lumotlar yuklanmoqda
O'xshash kanallar
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.telemetr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=96&q=75){kind=small}
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Oktabr '26Okt '26
Oktabr '260
0 kanalda
Sentabr '260
0 kanalda
Get PRO
Avgust '26
+50
0 kanalda
Get PRO
Iyul '26
+40
0 kanalda
Get PRO
Iyun '26
+29
0 kanalda
Get PRO
May '26
+48
0 kanalda
Get PRO
Aprel '26
+72
0 kanalda
Get PRO
Mart '26
+31
0 kanalda
Get PRO
Fevral '26
+47
0 kanalda
Get PRO
Yanvar '26
+49
0 kanalda
Get PRO
Dekabr '25
+50
0 kanalda
Get PRO
Noyabr '25
+70
0 kanalda
Get PRO
Oktabr '25
+68
0 kanalda
Get PRO
Sentabr '25
+57
0 kanalda
Get PRO
Avgust '25
+54
0 kanalda
Get PRO
Iyul '25
+45
0 kanalda
Get PRO
Iyun '25
+74
1 kanalda
Get PRO
May '25
+68
0 kanalda
Get PRO
Aprel '25
+81
0 kanalda
Get PRO
Mart '25
+100
0 kanalda
Get PRO
Fevral '25
+191
1 kanalda
Get PRO
Yanvar '25
+219
2 kanalda
Get PRO
Dekabr '24
+157
2 kanalda
Get PRO
Noyabr '24
+245
9 kanalda
Get PRO
Oktabr '24
+220
0 kanalda
Get PRO
Sentabr '24
+450
4 kanalda
Get PRO
Avgust '24
+341
1 kanalda
Get PRO
Iyul '24
+395
2 kanalda
Get PRO
Iyun '24
+215
0 kanalda
Get PRO
May '24
+274
1 kanalda
Get PRO
Aprel '24
+552
3 kanalda
Get PRO
Mart '24
+449
2 kanalda
Get PRO
Fevral '24
+430
1 kanalda
Get PRO
Yanvar '24
+620
3 kanalda
Get PRO
Dekabr '23
+358
3 kanalda
Get PRO
Noyabr '23
+365
5 kanalda
Get PRO
Oktabr '23
+426
3 kanalda
Get PRO
Sentabr '23
+336
0 kanalda
Get PRO
Avgust '23
+105
0 kanalda
Get PRO
Iyul '23
+316
0 kanalda
Get PRO
Iyun '23
+436
0 kanalda
Get PRO
May '23
+128
0 kanalda
Get PRO
Aprel '23
+3 690
0 kanalda
Get PRO
Mart '23
+42
0 kanalda
Get PRO
Fevral '23
+563
0 kanalda
Get PRO
Yanvar '23
+76
0 kanalda
Get PRO
Dekabr '22
+5 055
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 27 Oktabr | 0 | |||
| 26 Oktabr | 0 | |||
| 25 Oktabr | 0 | |||
| 24 Oktabr | 0 | |||
| 23 Oktabr | 0 | |||
| 22 Oktabr | 0 | |||
| 21 Oktabr | 0 | |||
| 20 Oktabr | 0 | |||
| 19 Oktabr | 0 | |||
| 18 Oktabr | 0 | |||
| 17 Oktabr | 0 | |||
| 16 Oktabr | 0 | |||
| 15 Oktabr | 0 | |||
| 14 Oktabr | 0 |
Kanal postlari
'Making pancake' loader
Прелоадер в виде приготовления блинов. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css
| 2 |  Wave button animation
Эффект возрастания волны в кнопке при наведении на неё. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 946 |
| 3 |  Menu Animation
Разворот бургер-кнопки при наведении на неё и появление пунктов меню. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 831 |
| 4 |  Star animation
Звёздная анимация для фона и меню. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 824 |
| 5 |  campfire
Фоновая анимация с раскаленным костром. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 766 |
| 6 |  skeleton
Анимация для очертаний контента, который ещё не загрузился. Реализовано с помощью SCSS.
⤷ Забрать код
@HtmlGram1 | #scss | 745 |
| 7 |  3D cards, reactive and responsive
Вращение карточек по траектории курсора мыши. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 728 |
| 8 |  Square to circle button animation
Смена квадратной формы кнопки на круглую при наведении на неё. Реализовано с помощью SCSS.
⤷ Забрать код
@HtmlGram1 | #scss | 761 |
| 9 |  Image Based Background animation
Плавно меняющийся градиент в качестве фона для кнопки. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 774 |
| 10 |  Link hover
Ссылка, которая плавно подсвечивается при наведении на нее. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 768 |
| 11 |  clear input animation
Плавное стирание текста при нажатии на кнопку в правой части поля. Реализовано с помощью SCSS и JS.
⤷ Забрать код
@HtmlGram1 | #scss #JavaScript | 747 |
| 12 | ![Wavy Background Animation [Pure CSS] Успокаивающая волнистая фоновая анимация. Реализовано с помощью CSS. ⤷ Забрать код @Html](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwBtAoortMRcD1P5Uhx2oooAKKKKANL7HGeoH4UosoR1BP40UVyc8u5rZDvssP8AcFIbOE/w4+hooo5n3CyGfYI89W+lFFFHPLuFkf/Z){kind=small} Wavy Background Animation [Pure CSS]
Успокаивающая волнистая фоновая анимация. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 752 |
| 13 |  Animated SVG Hover Buttons
Появление зажигательного контура вокруг кнопки при наведении на неё. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 803 |
| 14 |  Hover Card Effects | HTML & CSS
Эффект поднимающихся карточек при наведении на них. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 783 |
| 15 |  background gradient animation
Интересный вариант радужного градиентного перехода. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 837 |
| 16 |  Split Landing Page
Разделенная лендинговая страница. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 850 |
| 17 |  Login Form Input animation
Форма для ввода имени и пароля на фоне градиентного перехода. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 861 |
| 18 | Login Form Input animation
Форма для ввода имени и пароля на фоне градиентного перехода. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 1 |
| 19 |  Button with Hover Effect
Сияющий эффект при наведении на кнопку. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 822 |
| 20 |  Fiery Preloader
Oгненный прелоадер. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css | 843 |
