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

6 la respuesta

¿Qué hace un [href ^ = "..."] en CSS?

He usado CSS antes y me encontré con el siguiente estilo CSS, no tengo idea de lo que hace. a[href^="http:"] { background: url(img/keys.gif) no-repeat right top; } a[href^="http://mysite.com"], a[href^="http://www.mysite.com"] ...

2 la respuesta

¿Cómo hacer que las columnas se dividan en filas con flexbox?

Tengo este formulario con cuatro elementos de entrada en una fila (en la vista de escritorio). ¿Alguien puede decirme cómo hacer que esos cuatro elementos de entrada se dividan en filas cuando el ancho de la pantalla está por debajo, digamos, ...

3 la respuesta

Al pasar el mouse sobre el elemento secundario, cambie el color de fondo del contenedor principal (solo CSS)

Esta es una pregunta común. Casi siempre se cierra inmediatamente como un duplicado de esta pregunta:¿Hay un selector padre CSS? [https://stackoverflow.com/q/1014861/3597276] El duplicado hace un buen trabajo al señalar que los elementos ...

2 la respuesta

Usando n dentro de calc

¿Puedo usar la variable n dentro de una expresión calc? Por ejemplo: .child:nth-child(n) { margin-left: calc(n * 46px); }Mi código: <div class="share-buttons"> <div class="share-button-main"></div> <div class="share-button share-facebook"> ...

1 la respuesta

Usando css calc () con paso

Hemos utilizado una barra de progreso base css pura. La parte principal de CSS es la siguiente. .container { width: 600px; margin: 20px auto; } .progressbar { margin: 0; padding: 0; counter-reset: step; } .progressbar li { list-style-type: ...

4 la respuesta

¿Cuál es la diferencia entre aplicar la propiedad de transición CSS en el desplazamiento en lugar de en su estado normal?

Estoy aprendiendo CSS3. Ahora, lo que he visto en el sitio web de w3schools es que: CSS #ID { transition: transform 3s; } #ID:hover { transform: rotateX(20deg); }Y lo que hice es esto: CSS: #ID:hover { transform: rotateX(20deg); transition: ...

4 la respuesta

Último margen / relleno contraído en el diseño de la caja / cuadrícula

Tengo una lista de elementos que estoy tratando de organizar en un diseño horizontal desplazable con flexbox. Cada elemento en el contenedor tiene un margen izquierdo y derecho, pero el margen derecho del último elemento se está ...

1 la respuesta

Dirección de flexión: reversa inversa en react-native

¿Cómo puedo reproducirflex-direction: row-reverse [https://css-tricks.com/almanac/properties/f/flex-direction/]en React-Native? Cuando en el elemento 'estilo que estoy haciendo: flexDirection: 'row-reverse'recibo un error: Apoyo ...

1 la respuesta

Uso de la propiedad de pedido flexible para reorganizar elementos para vistas de escritorio y móviles

Tengo 3 divs dentro de un contenedor. No hay divs anidados. Estoy usando flex yorder propiedad. En dispositivos móviles, está bien conorder propiedad. Pero en pantallas más grandes falla. No utilicé un contenedor div para los divs 2 y 3 para ...

2 la respuesta

¿Puedo anidar el botón dentro de otro botón?

Este es un problema resultante de intentar mantener mi semántica html lo más correcta posible. Tengo un botón principal que realiza una función en la misma página y actúa como etiqueta principal para un contenedor grande que anida un ancla, que ...