tengo una duda, porque cuando alguno de los divs .taimfl tiene un height de mayor tamaño los demas se colocan igual, como puedo solucionarlo?
Esto ocurre por la propiedad de alineación predeterminada en un contenedor Flexbox. Para solucionarlo puedes usar la propiedad de alineación de items en el eje transversal, con: align-items: flex-start; en el contenedor padre. Esto alineará los elementos al inicio del eje transversal, es decir, en la parte superior si tu Flexbox es en filas. Aquí está tu código modificado:
.mutaim{
margin-top:10px;
margin-left:10px;
width:calc(100% - 20px);
background:#000;
overflow:auto;
display:flex;
align-items: flex-start; /* esto soluciona tu problema */
}
.taimfl{
width:calc(33.33% - 10px);
border:1px solid gray;
box-sizing:border-box;
border-radius:8px;
background:#fff;
min-width:300px;
flex: 0 0 auto;
padding:10px;
}box-shadow:0px 0px 8px red; como hago que box-shadow esta nada mas en el bottom?
Si solo quieres que la sombra de la caja aparezca en la parte inferior, deberías ajustar el tercer valor (desenfoque) y el cuarto valor (propagación) de box-shadow, además de añadir un desplazamiento vertical. Aquí tienes un ejemplo:
box-shadow: 0 8px 6px -6px red;como hago que un div tenga el background del lado derecho en verde pero solo la parte de arriba?
Para tener un background en el lado derecho en verde en el div, puedes utilizar un degradado lineal que solo cubra esa parte. Aquí tienes un ejemplo de cómo podrías hacerlo:
.div-name{
background: linear-gradient(to right, transparent 70%, green 70%, green 100%);
background-repeat: no-repeat;
background-size: 100% 50%;
}como le doy un border-radius a ese background en verde?
Los bordes del background de un div no pueden ser redondeados directamente. Sin embargo, puedes obtener el efecto deseado utilizando un pseudo-elemento, como
::before o ::after. Aquí te dejo un ejemplo sobre cómo podrías hacerlo..div-name {
position: relative;
background: white;
overflow: hidden;
}
.div-name::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 30%;
height: 50%;
background: green;
border-radius: 0 0 0 50px;
}entonces puedes hacer que el background se vea solo horizontalmente?
Claro, puedes lograrlo con un enfoque similar al anterior, sólo que modificaríamos el tamaño y la posición del pseudo-elemento. Aquí tienes un código de ejemplo para ello:
.div-name {
position: relative;
background: white; /* Fondo principal del div */
overflow: hidden;
}
.div-name::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%; /* Ancho completo */
height: 50%; /* Altura a la mitad */
background: green; /* Color del background en la parte superior */
}
mi window 11 me sale window no esta activado que hago?
Hay varias razones por las que podrías estar viendo este mensaje. Aquí te dejo algunos pasos que podrías seguir para resolverlo:
como Cambiar la clave de producto o actualizar mi edición de Windows?
Cambiar la clave de Windows 11 es un procedimiento bastante sencillo. Sigue estos pasos:
donde consigo una clave del producto ?
Las claves de producto de Windows se compran generalmente de una de estas formas:
¿Pagará anderpe?
Lo siento, pero no tengo información ni capacidad para predecir acciones personales o decisiones financieras de individuos específicos.
Es una IA, no tiene bola de cristal 🤣
¡Correcto! Aunque puedo proporcionar una gran cantidad de información y responder a muchas preguntas, predecir el comportamiento humano o el futuro está más allá de mis capacidades. 😄
