css3

CSS3 calc (100%-88px) no funciona en Chrome

Me di cuenta de que mi uso de la función CSS3 calc() como la unidad para width no está funcionando en la última versión de Ch ... e no lo está reconociendo? Debido al tachado y el icono de triángulo amarillo junto a la regla de estilo en chrome dev tools.

Selector CSS para no un hijo de tipo de elemento?

Quiero aplicar estilo a los elementos code que no están dentro de las etiquetas a. ¿Cuál es el mejor enfoque para lograr es ... rece que debería Tampoco puedo hacer que funcione desde la consola. ¿Hay otros enfoques solo css que pueda usar para esto?

¿Debo usar CSS: disabled pseudo-class o [disabled] attribute selector o es una cuestión de opinión?

Estoy tratando de estilizar una entrada deshabilitada. Puedo usar: .myInput[disabled] { } O .myInput:disabled { } ¿Es ... mejor pseudo-clase sigue siendo el camino a seguir lo que más te guste hay una razón técnica para usar uno sobre el otro

¿Hay alguna forma de especificar una abreviatura CSS para"todos los elementos excepto el primero/último"?

Muy a menudo, es natural tener que especificar un estilo CSS para todos los elementos excepto el primero (o el último). Por e ... p:first-child {...}? más sencillo e intuitivo que p:nth-child(-n+1)? Si no lo hay, haga ¿sabe de algún intento de agregarlo?

Triángulo Central en la parte Inferior del Div

Estoy tratando de tener un triángulo/flecha en la parte inferior de mi héroe, pero no es sensible y no funciona muy bien en e ... 0; border-top: solid 50px #e15915; border-left: solid 50px transparent; border-right: solid 50px transparent; }

WebKit: Texto borroso con escala css + translate3d

Estoy viendo un problema donde Chrome y otros navegadores WebKit desenfocar masivamente cualquier contenido a escala CSS que ... ejemplo anterior, simplemente podría usar translate en lugar de translate3d-el punto aquí es quitar el código a lo esencial.

El uso de CPU de animación de fotogramas clave CSS es alto, ¿debería ser de esta manera?

Uso la siguiente animación de fotogramas clave en varios elementos: @keyframes redPulse { from { background-color: #bc3 ... rdiendo alguna propiedad mágica? Puede comprobar el siguiente ejemplo con la misma animación: http://jsfiddle.net/Nrp6Q /

Problema de CSS Flexbox: ¿Por qué el ancho de mis flexchildren se ve afectado por su contenido?

A los 2 hijos de mi flexbox se les da un estilo de box-flex: 1. Mi entendimiento es que sus anchuras deben ser iguales entre ... <div class="innerBG"> a bunch more stuff (divs, text, etc.) go here </div> </div> </div>

Anchos a usar en consultas de medios [cerrado]

¿Cuáles son los anchos de consulta de medios más importantes para todos los dispositivos como computadoras de escritorio, tabletas, computadoras portátiles/Ipads, Iphones y teléfonos inteligentes? ¿Existen anchos estándar para estos dispositivos?

Cómo restablecer CSS3 * - transform: translate (translate)?

¿Cómo se supone que debo restablecer las transformaciones CSS aplicadas anteriormente? Digamos que tengo: div.someclass { ... cómo borro todas las transformaciones/traducciones? Debo usar: translate(0, 0); / translate3d(0, 0, 0); o transform:auto; ?

Mesas redondas en Twitter Bootstrap 3

Bootstrap 3 ha caído esquinas redondeadas en las mesas. ¿Qué estilos debo aplicar para recuperarlos cuando aplico la clase .t ... ref="/searchsources/details">Edit</a> </td> </tr> </tbody> </table>

¿Dónde debo poner el código CSS y Javascript en una página web HTML?

Al diseñar una página web, ¿dónde debo poner el siguiente código? <link rel=stylesheet type="text/css" href="css/layout.c ... que solo puedo incluir un archivo antes de otro, qué archivo será utilizado por el navegador web para mostrar el página web?

Sintaxis SASS (no SCSS) para animación de fotogramas clave css3

¿Hay alguna forma de escribir fotogramas clave en SASS? Cada ejemplo que he encontrado es en realidad SCSS, incluso cuando dice que es SASS. Para ser claros, me refiero a la que no tiene corchetes rizados.

¿Se puede añadir ruido a un gradiente CSS3?

¿Es posible añadir ruido a un degradado en CSS? Aquí está mi código para un gradiente radial: body { color: #575757; ... r, 10, center center, 900, from(#2f3b4b), to(#3e4f63)); } ¿Qué añadiría a eso para tener ruido encima, para darle textura?

CSS media queries para tamaños de pantalla

Actualmente estoy tratando de diseñar un diseño que sea compatible con múltiples tamaños de pantalla. Los tamaños de pantall ... ink rel="stylesheet" type="text/css" media="screen and (max-width: 1280px)" href="css/devices/screen/layout-modify4.css">

No es posible usar CSS calc () con transform: translateX en IE

Todos, Me gustaría poder usar calc() con transform:translateX en mi CSS. Por ejemplo, #myDiv { -webkit-transform: tran ... que, según lo entiendo, obliga al uso de la GPU para manejar la animación. Gracias de antemano por su consejo y perspicacia!

¿Cómo hacer que un elemento flexible no llene la altura del contenedor flexible? [duplicar]

Esta pregunta ya tiene una respuesta aquí: ¿Cómo deshabilitar columnas de igual altura en Flexbox? ... ;/div> <div>right<br>right<br>right<br>right<br>right<br></div> </div>

¿Puedo fade en una imagen de fondo (CSS: background-image) con jQuery?

Tengo un elemento div con texto y una imagen de fondo, que se establece a través de la propiedad CSS background-image. ¿Es po ... ckground-image con jQuery. En mi prueba no hay transición animada entre los dos images. EDIT2 Mi violín revisado funciona!

Solución CSS Calc Viewport Units?

De lo que he visto en otros respuestas , las unidades de vista CSS no se pueden usar todavía en las instrucciones calc(). Lo ... usar en la instrucción calc()? ¿O solo CSS y HTML? Sé que puedo hacerlo dinámicamente usando javascript, pero preferiría CSS.

HTML & CSS + Twitter Bootstrap: diseño de página completa o altura 100% - Npx

Estoy tratando de hacer el siguiente diseño: +-------------------------------------------------+ | Header + sea ... rmente? Tal vez Bootstrap me puede ayudar (he mirado a través de la documentación, pero no hay menciones de casos como este)?