Ти не знаєш JavaScript

💡Ефект свічення Для його створення довго пояснювати нічого не доведеться, головне розуміти як працює Css властивість text-shadow , весь решта коду максимально простий. У прикладі на картинці ми використовуємо цей код:

 text-shadow: 0px 0px 14px rgba(255,255,255,0.7);

• Перші 2 параметри ( 0px, 0px ) відповідають за те, наскільки тінь зміщуватиметься по горизонталі та по вертикалі. • Третій параметр ( 14px ) – це радіус розмиття тіні. • І останній це колір тіні (255,255,255), у нашому випадку він білий. Останні цифри rgba ( 0.7 ) це значення альфа-каналу, яке визначає прозорість кольору (значення від 0 до 1).

Ти не знаєш JavaScript

🥲Вже дуже скоро Ти не знаєш JavaScript

let a = 5;
let b = new Number(5);
let c = 5;

console.log(a == b);
console.log(a === b);
console.log(b === c);

Ти не знаєш JavaScript

🎮Величезне сховище безкоштовних іконок Всім привіт! Знайшов ресурс, на якому можна знайти іконки на будь-який смак: Тик! Іконки доступні у всіх зручних форматах та з готовим CSS-кодом. Ти не знаєш JavaScript

⚠️404 page Залипаюча анімація сторінки з помилкою #404. Реалізовано за допомогою CSS. ⤷ Забрати код Ти не знаєш JavaScript

👩‍💻Інтерактивний конструктор border-radius Знайшов сайт, на якому можна погратися з border-radius та скопіювати готові значення у свій CSS-код: Тик! Копіюється одночасно 8 значень якості border-radius. Також можна налаштувати розмір елемента. Ти не знаєш JavaScript

📱Проміси в JS та їх пояснення Ти не знаєш JavaScript

🚀 Підтягни свою ІТ-англійську на каналі English for IT & from IT • Реальна ІТ-лексика: Лише те, що використовують в професійному середовищі. • Співбесіди без стресу: Вивчай вирази, що справляють враження на роботодавців. • Контекстне навчання: Засвоюй матеріал через приклади, які імітують реальні робочі ситуації. 🎁 Підпишись зараз і отримай доступ до вивчення 100 СЛІВ АНГЛІЙСЬКОЮ ДЛЯ ТВОЄЇ ПРОФЕСІЇ на Quizlet

🥸Як працює animation-direction у CSS? Всім привіт! Властивість animation-direction визначає напрямок, у якому відтворюється анімація. Воно використовується разом з @keyframes і може приймати такі значення: normal (за замовчуванням) - Анімація відтворюється у звичайному напрямку, як задано @keyframes . reverse - Анімація відтворюється у зворотному напрямку, від кінця до початку. alternate - Анімація чергує напрямки: спочатку відтворюється у стандартному напрямку, потім у зворотному. alternate-reverse - Анімація чергує напрямки: спочатку відтворюється у зворотному напрямку, потім у стандартному. Приклад синтаксису:

 @keyframes slide {
from {
transform: translateX(0);
}
to {
transform: translateX(100px);
}
}
.normal {
animation: slide 2s infinite;
animation-direction: normal;
}

Ти не знаєш JavaScript