css3

Cómo hacer que las esquinas redondeadas CSS3 oculten el desbordamiento en Chrome / Opera

Necesito esquinas redondas en un div padre para enmascarar el contenido de sus hijos. overflow: hidden funciona en situacione ... l error que causa este problema se ha solucionado desde entonces en Chrome. No he vuelto a probar Opera o Safari sin embargo.

¿Cuáles son las diferencias entre flex-basis y width?

Ha habido preguntas y artículos sobre esto, pero nada concluyente por lo que puedo decir. El mejor resumen que pude encontrar ... s? pero sentí una comparación más directa o resumen de la las diferencias de flex-basis y width (o height) serían buenas.

¿Cómo alinear a la derecha el elemento flex?

¿Hay una forma más flexible de alinear a la derecha "Contacto" que usar position: absolute? .main { display: flex; } ... <div class="c"><a href="#">Contact</a></div> </div> Http://jsfiddle.net/vqDK9 /

¿Cómo detectar la orientación del dispositivo usando CSS media queries?

En JavaScript el modo de orientación se puede detectar usando: if (window.innerHeight > window.innerWidth) { portrai ... alguna forma de detectar la orientación usando solo CSS? Eg. algo como: @media only screen and (width > height) { ... }

CSS3 100vh no constante en el navegador móvil

Tengo un problema muy extraño... en cada navegador y versión móvil me encontré con este comportamiento: todo el navegador t ... iv> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

CSS: Animación vs Transición

Por lo tanto, entiendo cómo realizar transiciones y animaciones de CSS3. Lo que no está claro, y lo he buscado en Google, es ... miento. ¿Ambos aprovechan la aceleración h / n? Que es más moderno y el camino hacia adelante ¿Algo más que puedas añadir?

¿Hay alguna manera de dividir una lista en columnas?

Mi página web tiene una lista 'delgada': por ejemplo, una lista de 100 elementos de una palabra de longitud cada uno. Para re ... flexible para que si la lista crece a 200 elementos, no tenga que hacer muchos ajustes manuales para acomodar la nueva lista.

¿Cómo combino una imagen de fondo y un degradado CSS3 en el mismo elemento?

¿Cómo uso degradados CSS3 para mi background-color y luego aplico un background-image para aplicar algún tipo de textura transparente ligera?

Selector de atributos CSS no funciona un href

Necesito usar el selector de atributos en css para cambiar el enlace en diferentes colores e imágenes, pero no funciona. Ten ... font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } ¿Por qué el fondo no es rojo?

¿Es posible seleccionar los últimos n elementos con n-ésimo hijo?

Usando una lista estándar, estoy tratando de seleccionar los últimos 2 elementos de la lista. Tengo varias permutaciones de A ... h-last-child() pero preferiría algo que funciona en algunos navegadores más si es posible (no me importa IE particularmente).

Cuando los elementos de flexbox se envuelven en modo columna, el contenedor no crece su ancho

Estoy trabajando en un diseño de flexbox anidado que debería funcionar de la siguiente manera: El nivel más externo (ul#mai ... verticalmente cuando sea necesario. No es bonito, pero es una forma de avanzar que al menos no rompe demasiado la usabilidad.

CSS3 Flexbox mantener la relación de aspecto de la imagen

Usando el modelo CSS flex box, ¿cómo puedo forzar una imagen para mantener su relación de aspecto? JS Fiddle http://jsfiddl ... placebacon.net/400/300" alt="Bacn"> </div> CSS .slider { display: flex; } .slider img { margin: 0 5px; }

CSS columna de tabla autowidth

Dado lo siguiente, ¿cómo puedo hacer que mi última columna se ajuste automáticamente a su contenido? (La última columna debe ... r:hover { background:#fcfcfc;} table tr ul.actions {margin: 0;} table tr ul.actions li {display: inline; margin-right: 5px;}

Imitando una etiqueta parpadeante con animaciones CSS3

Realmente quiero hacer que un fragmento de texto parpadee al estilo de la vieja escuela sin usar javascript o decoración de t ... nsiciones continuas, mientras que OP de las otras preguntas pregunta cómo reemplazar parpadear con transiciones continuas

Seleccionar el penúltimo elemento con css

Ya sé de :el último hijo. Pero hay una manera de seleccionar el div: <div id="container"> <div>a</div> & ... lt;div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> NOTA: sin jQuery, solo con CSS

Salto de línea en flexbox multilínea

¿Hay alguna manera de hacer un salto de línea en flexbox de múltiples líneas? Por ejemplo, para romper después de cada 3er ... ; <div class="item">10</div> </div> Como .item:nth-child(3n){ /* line-break: after; */ }

CSS3 Transparencia + Gradiente

RGBA es extremadamente divertido, y también lo es -webkit-gradient, -moz-gradient, y uh... progid:DXImageTransform.Microsoft. ... GBA y gradientes, de modo que hay gradiente de transparencia alfa utilizando las especificaciones CSS actuales/más recientes.

Devolución de llamada en la transición CSS

¿Es posible obtener una notificación (como devolución de llamada) cuando se ha completado una transición CSS?

¿Hay una devolución de llamada al completar una animación CSS3?

¿Hay alguna forma de implementar una función de devolución de llamada en caso de animación css3? En el caso de la animación ... finalice la animación. Dependerá de la cola de interfaz de usuario del navegador. Quiero un método más robusto. Alguna pista?

Estilo del elemento secundario cuando se desplaza sobre el elemento principal

Cómo cambiar el estilo del elemento hijo cuando se pasa el ratón sobre el elemento padre. Preferiría una solución CSS para es ... rra de opciones dentro de un panel cuando hay un hover en el panel. Buscando soporte para todos los principales navegadores.