@supports

Особенность запросов CSS позволяют авторам составить правила на основе отдельных свойств для поддержки их в CSS.

Синтаксис

@supports  {
  /* rules */
}

Примеры

Для размытия текста:

@supports (text-shadow: 0 0 5px #000) {
	.blur-text
	{
		color: transparent;
		text-shadow: 0 0 5px #000;
	}
}

Не забываем о префиксах:

@supports
	(
		(-webkit-transform: rotate(90deg)) or
		(-moz-transform: rotate(90deg)) or
		(-ms-transform: rotate(90deg)) or
		(-o-transform: rotate(90deg)) or
		(transform: rotate(90deg))
	) {
}

Применить логические AND, OR и NOT:

@supports ( (display: table-cell) and (display: list-item) ) {
	/* styles */
}

Поддержка