🔍 Тест совместимости браузера

Тест 1: Баннер (градиент)

Должен быть виден синий градиент от светлого к темному:

Тест 2: Звёздочки рейтинга (жёлтый)

Звёздочки должны быть жёлтые:

Тест 3: Сравнение цветов

Все 3 блока должны быть СИНИМИ:

• Старый браузер (Chrome 85): видит 3 одинаковых синих блока (RGB)
• Новый браузер (Chrome 143): видит первый блок темнее, второй и третий ярче (OKLCH)

Как это работает

1. Старый браузер (Chrome 85): видит RGB цвета (fallback)
2. Новый браузер (Chrome 143): видит OKLCH цвета (ярче, точнее)
3. Без JS, без костылей: CSS сам выбирает правильный вариант

Поддержка OKLCH

• Chrome/Edge: 111+ (март 2023)
• Safari: 16.4+ (март 2023)
• Firefox: 113+ (май 2023)

Браузеры старше марта 2023: RGB fallback ✅
Браузеры новее марта 2023: OKLCH enhancement ✨

Технические детали

CSS переменные (computed):