Resultados de la búsqueda a petición "css3"
¿Cómo agrega diferentes opacidades a los elementos anidados?
Tengo dos elementos anidados en HTML y quiero darle a la escritura una opacidad 0.8 y la que está dentro de ella opacidad 1. Creo que entiendo por qué no funciona, pero, ¿cómo puedo imitar ese efecto? Aquí hay un HTML simplificado que muestra el ...
HTML5 Estilo de entrada requerido
En HTML 5, podemos marcar entradas comorequired y luego selecciónelos con la[required] pseudo-selector en CSS. Pero solo quiero diseñarlos cuando intentan enviar el formulario sin completar un elemento requerido. ¿Hay un selector para esto? ¿Qué ...
La altura div del niño supera la altura del padre flexible en Firefox pero no Chrome
¿Cómo puedo evitar un div hijo con barras de desplazamiento yflex:1 por exceder la altura de su flexbox padre en Firefox? Funciona correctamente en Chrome. nlace @CodePen (si lo prefiere a fragmentos de desbordamiento de ...
Imagen oscura en rollover
Tengo una lista de imágenes que deben oscurecerse en el rollover. REALMENTE me encantaría hacer esto sin una técnica de rollover CSS hinchado ya que cualquier momento que pase fuera de Photoshop me hace muy feliz. Obtuve parte del camino hacia ...
¿Por qué el contenido mínimo no funciona con autocompletar o autoajustar?
Básicamente, no entiendo por qué esto funciona: .grid { display: grid; grid-template-columns: repeat(4, min-content); } Pero esto no funciona: .grid { display: grid; grid-template-columns: repeat(auto-fill, min-content); } Realmente deseo ...
Comportamiento extraño al girar un elemento al pasar el mouse
Dados estos dos ejemplos. Usando Hover div { position: absolute; width: 150px; height: 40px; background: orange; left: 50%; top: var(--top); transition: transform 2s; transform: translateX(-50%); text-align: center; line-height: 40px; ...
¿Cómo usar la detección de funciones para saber si el navegador admite el radio de borde? (Incluyendo IE9)
He visto muchos ejemplos para detectar el soporte para el radio del borde usando algo como: var cssAttributeNames = ['BorderRadius', 'MozBorderRadius', 'WebkitBorderRadius', 'OBorderRadius', 'KhtmlBorderRadius']; for (var i = 0; i ...
¿Cómo es que minmax (0, 1fr) funciona para elementos largos mientras que 1fr no lo hace?
Así que tengo esta cuadrícula: +---------+------------------------------+---------+ | <div> | <p> - 1000 characters long | <div> | +---------+------------------------------+---------+ Dentrop hay una cadena súper larga sin espacios. @divs son ...
CSS selecciona el primer elemento con una determinada clase
¿Cuál es la sintaxis para seleccionar el primer elemento con una clase determinada? Especifique si ese método de selección es parte de CSS3 o CSS2.1.
¿Cómo repetir un patrón de diseño de cuadrícula CSS?
Estoy tratando de hacer un diseño de cuadrícula con la repetición de 2 secciones verticales y 2 horizontales. Luego 2 horizontales, 2 verticales, y repetimos nuevamente. Me gusta esto .container { max-width:940px; margin: 0 auto; } ...