Resultados de la búsqueda a petición "css3"
¿Cómo caen en cascada las propiedades personalizadas de CSS?
Digamos que tengo el siguiente CSS: :root { --color: blue; } div { --color: green; } #alert { --color: red; } * { color: var(--color); }y mi marcado es: <p>I inherited blue from the root element!</p> <div>I got green set directly on me!</div> ...
Zebra tira de una mesa flexbox con envoltorios
Estoy buscando la forma más sencilla de crear rayas de cebra en las filas de la siguiente tabla sensible de flexbox. En otras palabras, las filas 2 y 4 en este ejemplo, pero ilimitadas, no puedo saber cuántas filas habrá porque esto es para un ...
Centrar verticalmente un div dentro de otro div
Estoy tratando devertical-align: middle un div dentro de otro div, pero por alguna razón no funciona correctamente. ¿Qué estoy haciendo mal? #wrapper { border: 1px solid red; width: 500px; height: 500px; } #block { border: 1px solid blue; ...
Comprender la diferencia entre las propiedades flex y flex-grow
¿Cuál es la diferencia de efecto entre la configuraciónflex: 1; y ambientaciónflex-grow: 1;? Cuando configuro el primero en mi código, las dos columnas que tengo se muestran con el mismo ancho, mientras que no lo hacen cuando configuro el ...
Flexbox no funciona en botones o elementos de campo
Estoy tratando de centrar elementos internos de un<button>-etiqueta con flexbox'sjustify-content: center. Pero Safari no los centra. Puedo aplicar el mismo estilo a cualquier otra etiqueta y funciona según lo previsto (consulte el<p>-etiqueta). ...
Efecto de desvanecimiento alfa degradado con CSS 3
Me gustaría saber si sería posible replicar el efecto como el final de la lista Top Tweets con CSS puro. http://www.twitter.com [http://www.twitter.com]
Cómo lograr este visual usando CSS
[/imgs/9tSEn.jpg] Necesito crear el visual anterior usando solo css y solo un div que tiene 300px de alto y ancho. Intenté gradiente pero no pude obtener nada igual. ¿Alguien puede ayudar por favor?
Alturas renderizadas de manera diferente en Chrome y Firefox [duplicado]
Esta pregunta ya tiene una respuesta aquí: Chrome / Safari no llena el 100% de la altura del padre flexible [/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent] 4 respuestasEncontré si establecemos un elemento de nivel de ...
"Posición: fija" no funciona cuando el padre tiene la propiedad CSS "transformar"
En mi proyecto tengo una pantalla que debería facilitarse desde el lado derecho de la pantalla, así que para eso he usadotransform: translateX(100%) y luego cambiar eso atransform: translateX(0%). funciona bien, puedo lograr el efecto ...
¿Qué hace una regla @media sin un tipo de medio?
Heredé esto y me preguntaba qué hace una consulta de medios sin un "tipo de medio". @media (min-width: 768px) { .commentlist-item .commentlist-item { padding: 0 0 0 2em; } }Sintaxis estándar según ...