Featured

¿Para qué nos sirve usar prefijos — CSS3?

By Ana Ramirez - Ilana Milkes | February 06, 2018
  • #World Tech Makers
  • #cursos de programación
  • #Coding Bootcamps
  • #Consejos para programadores
  • #prefijos
  • #proyectos web


Los prefijos son de gran ayuda al momento de usar las nuevas propiedades que nos trajo CSS3, tales como border-radius,transition,transform, flex, entre otras.

Seguro te preguntas, pero oye en mi navegador que tengo, no necesito de los prefijos para que funcione css3 en sitios web, así que no los necesito. Pero recuerda que al realizar un proyecto web, lo verán cientos cientos de personas de cualquier lugar del mundo, con distintos navegadores y versiones, para evitar esos problemas que en uno navegador funciona y en otro no, es recomendable usar los prefijos.

A continuación te presento los prefijos más usado:

  • -webkit-: Safari, google chrome, Android, iOs
  • -moz-: Mozilla
  • -o-: Opera
  • -ms-: Internet Explorer

Que genial, pero ¿Cómo los uso?, ¿Necesito tener algo instalado para utilizar los prefijos?. Para nada los prefijos tu escribes tu mismo, claro hay herramientas que permiten generalmente prefijos automáticamente, pero eso lo veremos en otra ocasión.

A continuación te muestro en detalle cómo usarlo con las propiedades del CSS3

  • Animation
  • Border-radius
  • Box-shadow
  • Flex
  • Transition
  • Transform
  • @keyFrames

En conclusión los prefijos son de gran ayuda al momento de usar las nuevas propiedades del css, porque permiten que dichas propiedades funcionen en cualquier navegador web.

No te olvides compartirlo en tus redes sociales y si tienes algún tema sobre desarrollo web del cual te gustaría saber más, escríbenos.



Default author

Ana Ramirez - Ilana Milkes

VP