en
Feedback
WebTaverna /> js, css, html

WebTaverna /> js, css, html

Open in Telegram

Уютное местечко для Frontend-разработчиков admin: @WebT_admin

Show more
Russia118 402Technologies & Applications19 550
4 696
Subscribers
-124 hours
-77 days
-2830 days

Data loading in progress...

Similar Channels
Будни разработчика
14.2K
Будни разработчика
Логово верстальщика
8.2K
Логово верстальщика
Проекты на Javascript | HTML | CSS
4.4K
Проекты на Javascript | HTML | CSS
ITGid - info
3.9K
ITGid - info
Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
1.2K
Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
avatar
1
More channels
Tags Cloud
css20
grid15
background11
webtaverna9
width8
div7
header7
.holographic6
html6
padding6
b60aff5
display5
/div4
course.wildmanager.ru4
festivalniy.estatesochi.com4
fff4
offset4
занятость4
заём4
уровневая4
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
July '26
July '26
+7
in 0 channels
June '26
+16
in 0 channels
Get PRO
May '26
+16
in 0 channels
Get PRO
April '26
+18
in 0 channels
Get PRO
March '26
+13
in 0 channels
Get PRO
February '26
+18
in 0 channels
Get PRO
January '26
+29
in 2 channels
Get PRO
December '25
+32
in 0 channels
Get PRO
November '25
+47
in 2 channels
Get PRO
October '25
+19
in 0 channels
Get PRO
September '25
+22
in 0 channels
Get PRO
August '25
+14
in 0 channels
Get PRO
July '25
+13
in 0 channels
Get PRO
June '25
+26
in 0 channels
Get PRO
May '25
+22
in 0 channels
Get PRO
April '25
+45
in 0 channels
Get PRO
March '25
+136
in 10 channels
Get PRO
February '25
+201
in 8 channels
Get PRO
January '25
+260
in 3 channels
Get PRO
December '24
+306
in 6 channels
Get PRO
November '24
+327
in 10 channels
Get PRO
October '24
+956
in 40 channels
Get PRO
September '24
+321
in 2 channels
Get PRO
August '24
+623
in 29 channels
Get PRO
July '24
+156
in 2 channels
Get PRO
June '24
+78
in 0 channels
Get PRO
May '24
+159
in 0 channels
Get PRO
April '24
+248
in 2 channels
Get PRO
March '24
+292
in 1 channels
Get PRO
February '24
+69
in 0 channels
Get PRO
January '24
+78
in 1 channels
Get PRO
December '23
+10
in 0 channels
Get PRO
November '23
+6
in 0 channels
Get PRO
October '23
+14
in 1 channels
Get PRO
September '23
+15
in 0 channels
Get PRO
August '23
+81
in 0 channels
Get PRO
July '23
+89
in 0 channels
Get PRO
June '23
+121
in 0 channels
Get PRO
May '23
+11
in 0 channels
Get PRO
April '23
+133
in 0 channels
Get PRO
March '23
+203
in 0 channels
Get PRO
February '23
+123
in 0 channels
Get PRO
January '23
+21
in 0 channels
Get PRO
December '22
+60
in 0 channels
Get PRO
November '22
+289
in 0 channels
Get PRO
October '22
+157
in 0 channels
Get PRO
September '22
+274
in 0 channels
Get PRO
August '22
+97
in 0 channels
Get PRO
July '22
+340
in 0 channels
Get PRO
June '22
+115
in 0 channels
Get PRO
May '22
+82
in 0 channels
Get PRO
April '22
+88
in 0 channels
Get PRO
March '22
+163
in 0 channels
Get PRO
February '22
+215
in 0 channels
Get PRO
January '22
+226
in 0 channels
Get PRO
December '21
+257
in 0 channels
Get PRO
November '21
+448
in 0 channels
Get PRO
October '21
+281
in 0 channels
Get PRO
September '21
+327
in 0 channels
Get PRO
August '21
+124
in 0 channels
Get PRO
July '21
+145
in 0 channels
Get PRO
June '21
+385
in 0 channels
Get PRO
May '21
+141
in 0 channels
Get PRO
April '21
+110
in 0 channels
Get PRO
March '21
+600
in 0 channels
Date
Subscriber Growth
Mentions
Channels
12 July0
11 July0
10 July+1
09 July0
08 July0
07 July+1
06 July+2
05 July+2
04 July0
03 July0
02 July0
01 July+1
Channel Posts
WebTaverna /> js, css, html
photo content

2
🪞 Зеркальное отражение текста с помощью CSS HTML разметка ⤵️ WebTaverna CSS стили ⤵️ h1 { po
🪞 Зеркальное отражение текста с помощью CSS HTML разметка ⤵️ <h1 data-text="WebTaverna">WebTaverna</h1> CSS стили ⤵️ h1 { position: relative; color: #fff; font-size: 5em; font-weight: 800; } h1:before { content: attr(data-text); position: absolute; transform-origin: bottom; transform: rotateX(180deg); line-height: 1em; background: linear-gradient(0deg, #ffffff88 0, rgba(255, 255, 255, 0) 80%); -webkit-background-clip: text; color: rgba(0, 0, 0, 0); opacity: 0.5; } 👍- если было полезно | ➡️ WebTaverna
741
3
No text...
936
4
No text...
924
5
Анимация в URL с помощью JavaScript и Emoji 👨‍💻 const myEmojis = ['😃', '🤨', '😡'] function urlAnimate () { window.locatio
Анимация в URL с помощью JavaScript и Emoji 👨‍💻 const myEmojis = ['😃', '🤨', '😡'] function urlAnimate () { window.location.hash = myEmojis [Math.floor((Date.now()/100)%myEmojis.length)] setTimeout(urlAnimate, 1000) } urlAnimate() 👍- если было полезно | ➡️ WebTaverna
970
6
🔰 Шпаргалка по CSS свойству transform transform позволяет применять двумерные и трёхмерные преобразования к элементам, измен
🔰 Шпаргалка по CSS свойству transform transform позволяет применять двумерные и трёхмерные преобразования к элементам, изменяя их форму, размер и положение. В общем виде свойство transform записывается так: transform: функция(значение);, где функция — это тип преобразования, а значение — параметры этого преобразования. Свойство transform принимает следующие значения: 🔜 none — никакого преобразования не применяется; 🔜 rotate(angle) — вращает элемент на заданный угол; 🔜 scale(x, y) — масштабирует элемент по осям X и Y; 🔜 translate(x, y) — перемещает элемент на заданные координаты; 🔜 skew(x-angle, y-angle) — наклоняет элемент на заданные углы по осям X и Y. Transform не должен использоваться для изменения основной структуры веб-страницы. Он нужен для создания эффектов и анимаций, а не для основного макета страницы. 👍- если было полезно | ➡️ WebTaverna
1
7
No text...
1 038
8
Проверяем, правильно ли заполнено поле ввода с цифрами? 🔍 Решить эту задачу нам помогут псевдоклассы в CSS :in-range и :out-
Проверяем, правильно ли заполнено поле ввода с цифрами? 🔍 Решить эту задачу нам помогут псевдоклассы в CSS :in-range и :out-of-range, которые используются для стилизации полей ввода, поддерживающих атрибуты min и max 🔜 :in-range - введённое значение попадает в диапазон от min до max; 🔜 :out-of-range - не попадает в диапазон от min до max. Пример ⤵️ <input type="number" min="1" max="3"> input:in-range { background-color: #17a992; border: 5px solid #006776; } input:out-of-range { background-color: #f4a898; border: 5px solid #e62a5a; } Атрибуты min и max могут иметь поля ввода с типами date, month, week, time, datetime-local, number и range, в которых эти атрибуты задают диапазон допустимых значений, которые пользователь может вводить в поле. 👍- если было полезно | ➡️ WebTaverna
840
9
No text...
650
View all posts