Olá,
Tenho uma dúvida em relação à implementação de funcionalidades que estão em beta e suas respectivas sintaxes.
Gostaria de saber se, além de colocar o prefixo adequado de cada navegador (-webkit-, -moz-, -ms-...), seria preciso, ainda, utilizar uma sintaxe específica para cada um deles.
Se sim, como saber qual a sintaxe de cada um?
Exemplo:
/* código css */
.container {
-moz-border-radius-topleft: 10px; /* Mozilla Firefox */
-webkit-border-top-left-radius: 10px 10px; /* Google Chrome */
border-radius: 10px 0 0 0 / 10px 0 0 0; /* Future Proof */
}
No código acima temos a propriedade border-radius para a borda do canto superior esquerdo de um elemento implementada com três sintaxes distintas, sendo as duas primeiras específicas para o Firefox e Google Chrome/Safari, respectivamente.
Desde já, agradeço :)