{"id":34,"date":"2012-06-29T05:14:21","date_gmt":"2012-06-29T05:14:21","guid":{"rendered":"http:\/\/blog.luisrodriguez.pe\/?p=34"},"modified":"2012-08-29T17:08:10","modified_gmt":"2012-08-29T17:08:10","slug":"prefijos-en-css3-solucion","status":"publish","type":"post","link":"https:\/\/luisrodriguez.pe\/blog\/prefijos-en-css3-solucion\/","title":{"rendered":"Prefijos en CSS3 SOLUCION"},"content":{"rendered":"

\"\"<\/a>Un problema al momento de maquetar es crear css\u00a0 todos los prefijos para que sea soportado por todos los navegadores ya que cada navegador tiene su prefijo nativo.<\/p>\n

-ms-<\/em> Internet Explorer<\/strong>
\n-Moz-<\/em> Firefox, Flock, K-Meleon, Camino, Galeon y otros. <\/strong>
\n-webkit-<\/em> Safari, Google Chrome y otros. <\/strong>
\n-o-<\/em> Opera<\/strong><\/p><\/blockquote>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Tener estos prefijos hacen que tengamos un css muy largo y ademas que nos hace perder tiempo tampoco es dificil usarlas por ejemplo:<\/p>\n

Queremos usar bordes con sombra:
\nesto es lo normal:<\/p>\n

box-shadow:#fbd607 0px 0px 9px 4px;<\/p><\/blockquote>\n

Asi debemos hacer:<\/p>\n

\n
\n-ms-box-shadow:#fbd607 0px 0px 9px 4px;
\n-moz-box-shadow:#fbd607 0px 0px 9px 4px;
\n-webkit-box-shadow:#fbd607 0px 0px 9px 4px;
\n-o-box-shadow:#fbd607 0px 0px 9px 4px;<\/p>\n
<\/blockquote>\n
Ven que no es dificil?<\/p>\n
Solucion de prefijos CSS3<\/h2>\n