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

Команда [web.dev](http://web.dev/) зібрала, що з'явилося у стабільних браузерах за вересень: Safari 27 приєднався до кастомізованого ``, а у Firefox і Safari з'явилися нові кольорові та математичні функції.

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

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

 [Стаття повністю](https://webkit.org/blog/18515/webkit-features-for-safari-27-2/)

❖ [Персональне менторство (від 900 грн/міс)](http://t.me/dsgn_mentor_bot) • [YouTube канал](https://www.youtube.com/@chronicwebdesign)