Faça CSS 3 Trabalho em navegadores da Web mais

Se você quiser usar HTML5 e CSS 3 no design do seu site, você deve saber que tanto HTML5 e CSS 3 ainda estão em desenvolvimento. A especificação CSS ainda não foi aprovado pelo W3C, mas muitos desenvolvedores do navegador já implementaram partes dos rascunhos de CSS 3.

Quando as empresas navegador implementar partes de um projecto de trabalho que eles chamam de experimental CSS e eles costumam incluir o nome do navegador na regra de estilo.

Para o Safari e Chrome, você precisa adicionar o -webkit prefixo para cada regra de estilo. Para o Firefox, adicione -moz. Para o navegador Opera, adicione -o. Se você quer seguir as recomendações do W3C (mesmo que eles ainda não foram aprovadas), não acrescentam nada ao começo. Aqui está um exemplo de uma transição e uma transformação para cada uma destas quatro opções:

O código para o navegador web Safari parece com isso:

-webkit-transição-timing-function: linear - webkit-transform: escala (1,5, 2) -

Para o Firefox, aqui está o que você usaria para criar a mesma transformação:

-moz-transição-timing-function: linear - moz-transform: escala (1,5, 2) -

No navegador Opera, aqui está o que você usaria:

-o-transição-timing-function: linear - o-transform: escala (1,5, 2) -

A actual recomendação do W3C é simplesmente esta:

transição-timing-function: linear-transform: escala (1,5, 2) -

Nem todos os navegadores implementar regras experimentais em exatamente da mesma maneira. Por exemplo, aqui estão duas regras para um gradiente linear:

-webkit de gradiente (linear, superior esquerdo, canto inferior esquerdo, a partir de (# 444444), a (# 999999)) - background-image: linear de gradiente (superior, # 444444, # 999999) -