Resultados de la búsqueda a petición "css3"
Color de texto dividido con CSS en comparación con el fondo
Estoy tratando de lograr lo siguiente pero realmente estoy luchando. Simplemente estoy tratando de lograr un fondo diagonal que pase por el texto y cambie el color que elija. [/imgs/KcMDls.png] He intentado usar el modo de mezcla mixta css, ...
Cómo mostrar un elemento oculto si solo existe un elemento secundario específico CSS @
Pregunta ¿Hay en 2018 alguna construcción CSS que oculte divs usando un selector y luego muestre una que contenga un selector específico? Estaba marcando esto como un engañado CSS Selector: si un contenedor está vacío -> pantalla: ...
espacio extra al centrar elementos usando flexbox
Estoy usandoalign-items yjustify-content para centrar los elementos, mi html es: <div class="flex-container"> <div class="item-1">div</div> <div class="item-2">w=250px</div> <div class="item-3">h=250px</div> <div class="item-4">w/h=300px</div> ...
Cómo agregar un margen de 1 px a un elemento flexible que es flexible: 0 0 25%?
Estoy probando algunos diseños diferentes con flexbox y tengo el siguiente problema. Tengo una galería de imágenes con elementos flexibles configuradosflex:0 0 25%; y me gustaría agregarles 1px de margen porque el 1% es demasiado ...
Por qué posición: pegajoso no funciona cuando el elemento está envuelto dentro de otro?
Estoy experimentando con la navegación fija y me encontré con un problema. El problema es que cuando pongo el navegador en otro elemento ya no es pegajoso. .nav-wrapper{ position: absolute; bottom: 0; } .nav-wrapper nav{ position: sticky; ...
CSS-Filter en el padre rompe el posicionamiento del niño
Actualmente estoy trabajando en un sitio web y encontré este comportamiento extraño. No estoy seguro de si se trata de un error o de cómo tratarlo, así que les pido ayuda. Así que tengo esta "animación" de la pantalla de título que tiene el ...
¿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; } ...
¿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 ...
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; ...
¿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 ...