Створення адаптаційних фігур за допомогою clip-path
Стильова властивість clip-path — це спосіб відмовитися від одноманітних прямокутних макетів, які традиційно асоціюються з плоским, адаптивним дизайном. Ви будете думати не тільки про прямокутники, на ваши ...
Справжні приклади з використанням clip-path
Кожна демонстрація використовує clip-path із CSS, але в розмітці також міститься вбудований SVG із класом clip-svg, який просто скидає ширину та висоту SVG до 0. Ви також можете видалити цей клас і задати ...
Коротко про clip-path
Відсікання за допомогою властивості clip-path схоже на вирізання фігури (наприклад, кола або п'ятикутника) з прямокутного аркуша паперу. Властивість відноситься до специфікації « ...
Використання та синтаксис clip-path
Демонстрації нижче фокусовані на використанні різних видів багатокутників у дизайні. Синтаксис для інших базових фігур (таких як прямокутник, коло та еліпс) досить простий, і ви можете використовувати тіл ...
Структурні псевдокласи
Структурні псевдокласи дозволяють вибрати елементи, ґрунтуючись на їхньому положенні в дереві документа та відношенні до інших елементів. Наприклад, :first-child вибирає перший елемент у групі братських е ...
Структурні псевдокласи :empty і :blank
Псевдоклас :empty вибирає всі порожні елементи, це такі елементи, всередині яких немає дочірніх елементів та тексту, включаючи пробіли та переноси. Порожніми будуть вважатися такі елементи. <code data- ...