Articles of css

@Media min-width & max-width

Tengo esta configuración de @media : HTML : CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE */ } Con esta configuración, funciona en el iPhone pero […]

Crear un menú radial en CSS

¿Cómo creo un menú que se parece a esto … Enlace a PSD No quiero usar las imágenes de PSD. Preferiría usar icons de algún paquete como FontAwesome y tener los fondos / css generados en CSS. Aquí puede encontrar una versión del menú que está usando el PSD para generar imágenes de la información […]

Taquigrafía de transición CSS con múltiples propiedades?

Parece que no puedo encontrar la syntax correcta para la taquigrafía de transición de CSS con múltiples propiedades. Esto no hace nada: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: 0; } […]

¿Escala de grises con CSS y cambio de color al pasar el mouse?

Estoy buscando tomar un icono que sea de color (y que sea un enlace) y convertirlo en escala de grises hasta que el usuario coloque el mouse sobre el ícono (donde luego colorearía la imagen). ¿Es posible hacerlo, y de una manera que sea compatible con IE y Firefox?

Descargar una fuente de Google y configurar un sitio sin conexión que lo use

Tengo una plantilla y tiene una referencia a una fuente de Google como esta: ¿Cómo puedo descargarlo y configurarlo para utilizar en mis páginas que se ejecutan sin conexión todo el tiempo?

¿Qué CSS de restablecimiento HTML5 usa y por qué?

¿Qué CSS de restablecimiento HTML5 usa y por qué? ¿Hay alguno que haya encontrado para cubrir más casos? Empecé a usar HTML5 Doctor’s: http://html5doctor.com/html-5-reset-stylesheet/ Parece que funciona, pero me pregunto si hay algo mejor por ahí.

Mejor forma de establecer la distancia entre los elementos de la caja flexible

Para establecer la distancia mínima entre los elementos de la caja flexible, estoy usando el margin: 0 5px en .item y margin: 0 -5px en el contenedor. Para mí, parece un truco, pero no puedo encontrar una forma mejor de hacerlo. Ejemplo #box { display: flex; width: 100px; margin: 0 -5px; } .item { background: […]

Bootstrap xs columnas envuelven

Para el tamaño xs más pequeño, incluso si las columnas sumn 12, no funcionan como se espera si el ancho de la pantalla disminuye más allá de cierto límite. Por ejemplo:- Esperaría que, si disminuyo el tamaño, la última columna se apile hasta el final de la pantalla. Sin embargo, éste no es el caso. […]

¿Debo usar ‘border: none’ o ‘border: 0’?

¿Cuál de los dos métodos cumple con los estándares W3C? ¿Ambos se comportan como se espera en todos los navegadores? borde: ninguno; frontera: 0;

¿Cómo reiniciar / eliminar el resaltado de entrada / borde de enfoque de Chrome?

He visto que el cromo pone un borde más grueso en :focus pero parece que está apagado en mi caso, donde también he usado el radio del borde. ¿Hay alguna forma de eliminar eso?