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

1 la respuesta

base flexible: Webkit / Blink ignora la relación de aspecto intrínseca

Dado un contenedor flexible figure { display: flex; align-items: flex-start; }y una imagen de 300x300 con su base flexible establecida a la mitad de su ancho intrínseco: figure img { flex: 0 0 150px; }Chrome 41 y Safari 7 ignoran la relación ...

1 la respuesta

firefox overflow-y no funciona con flexbox anidado

He diseñado un diseño de 100% de ancho y 100% de altura con css3 flexbox, que funciona tanto en IE11 (y probablemente en IE10 si la emulación de IE11 es correcta). Pero Firefox (35.0.1), overflow-y no funciona. Como puede ver en este ...

8 la respuesta

¿Cómo hacer esquinas redondeadas tanto dentro de una caja como en su borde?

Supongo que el título es difícil de entender, así que lo explicaré. Estoy tratando de lograr este efecto: (un cuadro que tiene esquinas redondeadas y su borde, que también tiene bordes redondeados). He logrado hacer esto, usando ...

2 la respuesta

¿CSS3 box-shadow causa scroll-lag (rendimiento lento) en Safari 5.0.2?

Hola, esta vez tengo un problema bastante raro que ocurre solo en Safari 5.0.2. Al usar el parámetro de sombra de cuadro de CSS3,El rendimiento de Safari es tan malo, ni siquiera puede desplazarse hacia abajo correctamente o interactuar como se ...

4 la respuesta

¿Puedo tener un número variable de columnas por fila en una cuadrícula CSS?

.grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 100px; grid-auto-rows: 60px; grid-gap: 15px; } .col { background-color: tomato; }<div class="grid"> <div class="col"></div> <div class="col"></div> <div ...

1 la respuesta

Diseño de Flexbox con dos elementos secundarios de igual altura, uno que contiene un cuadro flexible anidado con contenido desplazable

Yo tengo un<img> con un panel a su derecha que contiene un encabezado de controles y una larga lista de elementos. Entonces tengo una situación anidada de flexbox: .container (flex) -> .child img -> .child controls panel (flex) -> .controls ...

4 la respuesta

Gire el texto en IE, sin que se ponga feo

Me gustaría rotar un texto 90 grados en sentido antihorario. Firefox y Chrome no son un problema, usando: -webkit-transform-origin: top left; -webkit-transform: rotate(-90deg); -moz-transform-origin: top left; -moz-transform: rotate(-90deg);Para ...

1 la respuesta

¿Cómo usar el centro seguro con flexbox?

Los elementos centrados de flexbox pueden tener un comportamiento no deseado cuando desbordan su contenedor [https://stackoverflow.com/questions/33454533/cant-scroll-to-top-of-flex-item-that-is-overflowing-container] . Se han proporcionado ...

1 la respuesta

Posicionar el contenido de los elementos de la cuadrícula en el contenedor primario (función de subcuadrícula)

Todas las guías sobre la cuadrícula CSS parecen implicar una estructura en la que los elementos posicionados en una cuadrícula son elementos secundarios de la propia cuadrícula. <div class="wrapper"> <div>A</div> <div>B</div> ...

3 la respuesta

¿Cómo centrar verticalmente con Angular Flex Layout?

He creado un componente de inicio de sesión simple y me gustaría centrarlo verticalmente, pero no estoy seguro de cómo lograrlo usando la biblioteca Angular Flex ...