Como crear compatibilidades con los navegadores - CSS3

A muchos nos pasa que al colocar un elemento css a nuestra pagina, no es compatible con todos los navegadores. Obviamente el elemento que nosotros colocamos son estilizados por CSS. Pero a veces nos olvidamos de los distintos atributos que hacen que lleguen a ser compatibles con navegadores como Chrome, Safari, FireFox y Opera. IE no.

Las propiedades que podemos usar para los navegadores son:

Internet explorer no se por que razon no existe una forma de compatibilidad .

¿Como usar las propiedades?
Las propiedades tienen un uso muy facil, no se requiere de mucho conocimiento.

Como vemos en los colores de cada propiedad, son compatible con:

Si queremos usar por ejemplo el siguiente código:

¿Pero como hacerlo compatible?
Es fácil, copiamos los códigos para cada navegador uno abajo de otro.

y listo, es solo poner el código que queramos para cada navegador y seguido del código css que queramos.

El tutorial fue creado por mi

------
¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui
______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino

@estrategiasempresariales revisando el codigo de tu pagina encontré atributos como:

Eso no es necesario, de hecho eso hace que no funcione en ningún navegador, los prefijos deben usarse en conjunto (-webkit,-o,-ms,-moz) y solo a los atributos css3 (border-radius, opacity, gradients, box-shadow, etc).

Te dejo esta pagina, tu pones tu código css sin prefijos y esa pagina te devuelve el código css3 compatible

http://prefixr.com
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */