Prefijos CSS3

La función de los prefijos nos permiten crear compatibilidad entre distintos navegadores, para poder utilizar atributos de CSS3 como lo son: los bordes redondeados, degradados, animaciones, entre otras propiedades.

Los prefijos para los navegadores que se utilizan son los siguientes:

-wbekit- navegador como Chrome y Safari
-o- navegador Opera
-moz- navegador basados en Gecko como Firefox.
-ms- navegador Internet Explorer

Veamos un ejemplo en como utilizar los prefijos utilizando el atributo box-shadow que se utiliza para crear sombras a nuestras cajas o divisiones:

#prefijos{
width:400px;
height:400px;
box-shadow:20px 20px 1px #FFF;
-moz-box-shadow:20px 20px 1px #FFF;
webkit-box-shadow:20px 20px 1px #FFF;
-o-box-shadow:20px 20px 1px #FFF;
-ms-box-shadow:20px 20px 1px #FFF;
}

Para  ahorrarnos tiempo en escribir los prefijos de nuestro proyecto, una de las herramientas que se puede utilizar es Prefix Free como no los muestran en Ayuda Bloggers.