Які нові можливості CSS уже можна ставити в проєкти? Команда web.

Які нові можливості CSS уже можна ставити в проєкти?

Команда web.dev зібрала, що з'явилося у стабільних браузерах за вересень: Safari 27 приєднався до кастомізованого <select>, а у Firefox і Safari з'явилися нові кольорові та математичні функції.

Що варто взяти до уваги?
🔹 appearance: base-select — стилізація дропдаунів без JS-бібліотек. Працює в Chrome і Safari, у Firefox — поки за прапорцем.
🔹 alpha() — прозорі варіанти брендового кольору без окремих токенів.
🔹 progress() — зміна значень, наприклад прозорості, залежно від ширини екрана без безлічі медіазапитів.
🔹 light-dark() — підтримка зображень для темної та світлої тем.
🔹 random() і corner тестують у бета-версіях Chrome — варто стежити за розвитком.

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

📒 Стаття повністю

❖ Персональне менторство (від 900 грн/міс) • YouTube канал