soy Kseso y esto EsCSS

Tres Hacks Css para Webkit

Tres hack css para los navegadores webkit. A través de declaraciones específicas, o bien mediante el selector o una regla @media querie y así declarar estilos específicos para este motor y los navegadores basados en él.

Tres Hacks Css para Webkit

·Por Kseso ✎ 3

Hacks Css para WebkitTodos los navegadores tienen sus "particularidades" que hacen más "ameno" lidiar con ellos. La familia de los Webkit (Chrome y compañía) también. Así que nunca está de más tener en la recámara alguna solución para cuando nos topamos con sus singularidades.

Así que si necesitas declarar algo en exclusiva para la familia de los webkit sólo tienes que usar alguna de estas tres técnicas, según necesites:

Declaración individual

Si sólo necesitas modificar un valor de una propiedad en concreto:

.selector { propiedad: valor; } /* para todos */ .selector { (;propiedad: valor;); } .selector { [;propiedad: valor;;]; }

Válido para Chrome 28- | Safari 6- | Opera 14+

Selector

@media all and (min-width: 0px) { /* Tus declaraciones AQUÍ */ }

Válido para Opera 7/15 | Chrome

Media Querie

@media all and (-webkit-min-device-pixel-ratio: 0){ /* Tus declaraciones AQUÍ */ }

Válido para Chrome | Safari 3+ | Opera 9.26-/14+

Adenda

Para ampliar info sobre los hacks específicos para cada navegador, visita browserhacks

browserhacks
browserhacks: recopilación de hacks específicos por navegador

avatar del Editor del blog

Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Don Kseso Kseso