WebTaverna /> js, css, html
الذهاب إلى القناة على Telegram
Уютное местечко для Frontend-разработчиков admin: @WebT_admin
إظهار المزيد4 726
المشتركون
-124 ساعات
-127 أيام
-3930 أيام
جاري تحميل البيانات...
القنوات المماثلة
سحابة العلامات
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
يونيو '26
يونيو '26
+2
في 0 قنوات
مايو '26
+16
في 0 قنوات
Get PRO
أبريل '26
+18
في 0 قنوات
Get PRO
مارس '26
+13
في 0 قنوات
Get PRO
فبراير '26
+18
في 0 قنوات
Get PRO
يناير '26
+29
في 2 قنوات
Get PRO
ديسمبر '25
+32
في 0 قنوات
Get PRO
نوفمبر '25
+47
في 2 قنوات
Get PRO
أكتوبر '25
+19
في 0 قنوات
Get PRO
سبتمبر '25
+22
في 0 قنوات
Get PRO
أغسطس '25
+14
في 0 قنوات
Get PRO
يوليو '25
+13
في 0 قنوات
Get PRO
يونيو '25
+26
في 0 قنوات
Get PRO
مايو '25
+22
في 0 قنوات
Get PRO
أبريل '25
+45
في 0 قنوات
Get PRO
مارس '25
+136
في 10 قنوات
Get PRO
فبراير '25
+201
في 8 قنوات
Get PRO
يناير '25
+260
في 3 قنوات
Get PRO
ديسمبر '24
+306
في 6 قنوات
Get PRO
نوفمبر '24
+327
في 10 قنوات
Get PRO
أكتوبر '24
+956
في 40 قنوات
Get PRO
سبتمبر '24
+321
في 2 قنوات
Get PRO
أغسطس '24
+623
في 29 قنوات
Get PRO
يوليو '24
+156
في 2 قنوات
Get PRO
يونيو '24
+78
في 0 قنوات
Get PRO
مايو '24
+159
في 0 قنوات
Get PRO
أبريل '24
+248
في 2 قنوات
Get PRO
مارس '24
+292
في 1 قنوات
Get PRO
فبراير '24
+69
في 0 قنوات
Get PRO
يناير '24
+78
في 1 قنوات
Get PRO
ديسمبر '23
+10
في 0 قنوات
Get PRO
نوفمبر '23
+6
في 0 قنوات
Get PRO
أكتوبر '23
+14
في 1 قنوات
Get PRO
سبتمبر '23
+15
في 0 قنوات
Get PRO
أغسطس '23
+81
في 0 قنوات
Get PRO
يوليو '23
+89
في 0 قنوات
Get PRO
يونيو '23
+121
في 0 قنوات
Get PRO
مايو '23
+11
في 0 قنوات
Get PRO
أبريل '23
+133
في 0 قنوات
Get PRO
مارس '23
+203
في 0 قنوات
Get PRO
فبراير '23
+123
في 0 قنوات
Get PRO
يناير '23
+21
في 0 قنوات
Get PRO
ديسمبر '22
+60
في 0 قنوات
Get PRO
نوفمبر '22
+289
في 0 قنوات
Get PRO
أكتوبر '22
+157
في 0 قنوات
Get PRO
سبتمبر '22
+274
في 0 قنوات
Get PRO
أغسطس '22
+97
في 0 قنوات
Get PRO
يوليو '22
+340
في 0 قنوات
Get PRO
يونيو '22
+115
في 0 قنوات
Get PRO
مايو '22
+82
في 0 قنوات
Get PRO
أبريل '22
+88
في 0 قنوات
Get PRO
مارس '22
+163
في 0 قنوات
Get PRO
فبراير '22
+215
في 0 قنوات
Get PRO
يناير '22
+226
في 0 قنوات
Get PRO
ديسمبر '21
+257
في 0 قنوات
Get PRO
نوفمبر '21
+448
في 0 قنوات
Get PRO
أكتوبر '21
+281
في 0 قنوات
Get PRO
سبتمبر '21
+327
في 0 قنوات
Get PRO
أغسطس '21
+124
في 0 قنوات
Get PRO
يوليو '21
+145
في 0 قنوات
Get PRO
يونيو '21
+385
في 0 قنوات
Get PRO
مايو '21
+141
في 0 قنوات
Get PRO
أبريل '21
+110
في 0 قنوات
Get PRO
مارس '21
+600
في 0 قنوات
| التاريخ | نمو المشتركين | الإشارات | القنوات | |
| 12 يونيو | 0 | |||
| 11 يونيو | 0 | |||
| 10 يونيو | 0 | |||
| 09 يونيو | +1 | |||
| 08 يونيو | 0 | |||
| 07 يونيو | 0 | |||
| 06 يونيو | 0 | |||
| 05 يونيو | 0 | |||
| 04 يونيو | 0 | |||
| 03 يونيو | +1 | |||
| 02 يونيو | 0 | |||
| 01 يونيو | 0 |
منشورات القناة
| 2 | لا يوجد نص... | 748 |
| 3 | Анимация в URL с помощью JavaScript и Emoji 👨💻
const myEmojis = ['😃', '🤨', '😡']
function urlAnimate () {
window.location.hash = myEmojis
[Math.floor((Date.now()/100)%myEmojis.length)]
setTimeout(urlAnimate, 1000)
}
urlAnimate()
👍- если было полезно | ➡️ WebTaverna | 852 |
| 4 | 🔰 Шпаргалка по 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 | 0 |
| 5 | لا يوجد نص... | 1 038 |
| 6 | Проверяем, правильно ли заполнено поле ввода с цифрами? 🔍
Решить эту задачу нам помогут псевдоклассы в 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 |
| 7 | لا يوجد نص... | 650 |
| 8 | Маскирование в CSS c помощью свойства mask ☀️
Данное CSS свойство устанавливает изображение, которое используется как слой маски для элемента ⤵️
img {
mask: url("./graph.png");
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center;
}
🔜 mask: url() - задаём png изображение слоя-маски;
🔜 mask-repeat - определяем порядок повторений;
🔜 mask-size - определяем размеры изображения-маски;
🔜 mask-position - устанавливаем начальную позицию относительно слоя;
Также это можно записать в одну строку ⤵️
img {
mask: url("./graph.png") center/cover no-repeat;
}
👍- если было полезно | ➡️ WebTaverna | 0 |
| 9 | لا يوجد نص... | 0 |
| 10 | لا يوجد نص... | 0 |
متاح الآن! بحث تيليغرام 2025 — أهم رؤى العام 
