Підручник з дизайну та алгоритмів 2025, Січень

Є трикутні символи Unicode. Ви можете намалювати трикутник у SVG. Але є ще один спосіб намалювати в Інтернеті трикутник, що не стосується нічого, крім властивості border та невеликої хитрості CSS ".

Є кілька анімацій прокрутки, які можливі в CSS без будь-якого JavaScript. Просто подивіться на розділ про індикатор прокрутки, який, очевидно, є магією CSS. Але ми можемо зробити багато роботи з анімацією прокрутки безпосередньо в CSS, лише трохи інформації, наданої JavaScript: скільки сторінки прокручено. "

Властивість box-shadow очевидно корисна для легких тіней позаду елементів, що забезпечують відчуття розмірності та розділеності. Але Box-тінь мав кілька хитрощів у рукаві, особливо з тим, як тінь box не повинна бути м'якою, може бути складена і навіть не повинна бути особливо поруч ".

Ви можете зробити фонові смуги в CSS, використовуючи лінійний градієнт. Ми часто думаємо про градієнт як про перехід від одного кольору до іншого, але фокус у смужках полягає в тому, щоб взагалі не спостерігатись вицвітання. Натомість ми можемо вказати “зупинки кольорів” у тому самому місці, щоб колір миттєво змінювався від одного (…) "

Можливо, найбільший фокус у всій сітці CSS - це можливість написання макета стовпця, який не чітко декларує кількість рядків або стовпців, але автоматично створює їх на основі дещо вільних інструкцій та вмісту, який ви надаєте. "

Перетягування елемента по екрану - це щось досить міцне на території JavaScript. Вам потрібен доступ до подій DOM, таких як клацання та переміщення миші. Але ми тут, щоб поговорити з хитрощами CSS, тож давайте робити це лише в HTML та CSS! "

Мітки повинні мати атрибути "for", які відповідають ідентифікатору вхідних даних, які вони позначають. Це означає, що ми можемо зачепити цей атрибут і використовувати його в селекторі, щоб "