Front End Developer

Utilizando Feature Queries CSS

A Feature Queries funciona da seguinte maneira, usando a regra @supports você irá criar uma condição dentro do CSS que será aplicada somente se o browser tiver suporte para aquela determinada propriedade e valor.

Por exemplo você precisa implementar um efeito de transição no CSS, porem o efeito só irá aparecer caso o browser do usuário suporte o efeito, seu código ficaria assim:

 

Além disso a Feature Queries também permite a utilização dos operadores AND e NOT. Com estes recursos você consegue criar Feature Queries mais complexas e com resultados muito mais precisos.

 

A Feature Queries já é suportada pela maioria dos browsers com exceção apenas do IE11 que ainda não suporta, porem no Edge funciona sem problema. Confira a imagem abaixo:

«

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *