Resultados de la búsqueda a petición "css3"

2 la respuesta

Alineando a la parte inferior en flexbox

Tengo contenedores que deberían cambiar la altura dinámicamente dependiendo del contenido. Para todos los contenedores en una fila dada, el texto de la parte inferior debe fijarse en la parte inferior independientemente del contenido en el ...

2 la respuesta

Transición de altura agradable: animar después de agregar (shift + enter) y eliminar una línea de texto

Funciona hasta ahora en el uso decontenteditable atributo en el<div> etiquetacon la función de crecimiento automático de un cuadro de texto [https://stackoverflow.com/questions/7168727/make-html-text-input-field-grow-as-i-type] . También ...

1 la respuesta

Ancho automático de transición CSS

Tengo un elemento cuyo ancho me gustaría animar cuando su contenido cambia. Tienewidth: auto, y esto nunca cambia. He vistoeste truco [https://stackoverflow.com/a/8331169/4414003], pero eso es para la transición entre dos valores y uno está ...

2 la respuesta

¿Cuándo cambia flex-grow a flex-shrink, y viceversa?

No entiendo qué hace que los elementos flexibles cambien de comportamiento de crecimiento a encogimiento. Al principio pensé que era elflex-basis valor, pero ¿qué pasa si solo un elemento lo tiene, o ninguno? Además, las especificaciones ...

3 la respuesta

sombra de caja en un ipad / safari

Tengo problemas para agregar la agradable sombra en foco para un cuadro de entrada en mi ipad para safari. Aquí está mi código /* remember to define focus styles! */ :focus { outline: 0; } input[type=text]{ width: 494px; height: 44px; ...

1 la respuesta

Divida los elementos de la lista desordenada en columnas con flexbox

¿Hay alguna manera de romper los elementos de la lista dentro de una lista desordenada con flexbox? Quiero crear un menú desplegable de 3 columnas. Por ejemplo, mi html es: <ul id="nav"> <li><a href="./?>Navigation link 1</a></li> ...

1 la respuesta

¿Qué hace una tilde `~` en un CSS `url ()`?

P.ej.@import url("~./foobar"); Lo víaquí [https://github.com/izaakschroeder/font-loader/blob/0e6a9c5c4098279cfd7274d018de2609b608e04a/example/test.css#L2] , no estoy seguro si es algo específico del paquete o si es una sintaxis CSS real.

1 la respuesta

La máscara CSS no funciona en Firefox

Estoy tratando de mostrar una imagen SVG con máscara, pero en Firefox no aparece. Mi clase CSS es la siguiente: .myClass { -webkit-mask: url('../img/arrow-down.svg') no-repeat 100% 100%; mask: url('../img/arrow-down.svg') no-repeat 100% 100%; ...

2 la respuesta

eliminar la línea delgada en las imágenes del encabezado en bootstrap

Tengo un código básico con bootstrap y un sprit svg en un encabezado / menú ... y hay una delgada línea de fondo gris en los iconos. http://codepen.io/anon/pen/dpzKoQ?editors=1100 [http://codepen.io/anon/pen/dpzKoQ?editors=1100] ¿Puedes por ...

4 la respuesta

¿Color CSS vs. color de fondo vs. fondo?

En HTML, ¿cuándo uso el color y cuál es la diferencia entre background-color y también la etiqueta de fondo? ¿Cuáles son las diferencias?