Articles of css3

Elemento hijo de estilo cuando se coloca el cursor sobre el elemento primario

Cómo cambiar el estilo del elemento secundario cuando hay un elemento emergente en el elemento principal. Preferiría una solución de CSS para esto si es posible. ¿Hay alguna solución posible a través de: activa los selectores de CSS. De hecho, necesito cambiar el color de la barra de opciones dentro de un panel cuando hay […]

El rango de tipo de entrada HTML5 muestra el valor de rango

Estoy creando un sitio web en el que quiero usar el control deslizante de rango (sé que solo es compatible con navegadores webkit). Lo he integrado completamente y funciona bien. Pero me gustaría usar un cuadro de texto para mostrar el valor actual de la diapositiva. Quiero decir si inicialmente el control deslizante está en […]

taquigrafía rotate3d

Cómo combinar rotateX(50deg) rotateY(20deg) rotateZ(15deg) en abreviatura rotate3d() ?

¿Qué es este selector de CSS?

Vi este selector en Twitter Bootstrap: .show-grid [class*=”span”] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } ¿Alguien sabe cómo se llama esta técnica y qué hace?

Porcentaje de margen / margen en el elemento de la cuadrícula ignorado en Firefox

Este codepen crea una cuadrícula de celdas rojas de 100 * 50 px en Chrome. Este es el comportamiento esperado. #grid{ display: grid; grid-gap: 8px; grid-template-columns: 100px 100px; } .cell{ background-color: red; padding-bottom: 50%; } Firefox 52 ignora por completo el padding-bottom: 50%; y no sé por qué No puedo encontrar ninguna solución. ¿Puede alguien […]

Borde dentro de la frontera CSS

Con la ayuda del tutorial CSS Triangle , aprendí a crear formas triangulares. .arrow-down { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ccc; } Intento agregar un borde al triángulo pero no pude hacerlo. lo que logré Esperado: (intentando algo similar borde con gris) Comprueba este JSFiddle […]

¿Cómo usar el nuevo complemento de affix en bootstrap de arranque 2.1.0?

La documentación de arranque sobre ese tema es un poco confusa para mí. Quiero lograr un comportamiento similar al de los documentos con la barra de navegación de afijos: la barra de navegación está debajo de un encabezado de párrafo / página, y al desplazarse hacia abajo primero debe desplazarse hasta llegar a la parte […]

Efecto de gradiente Blocky en CSS3

¿Es posible hacer que el degradado de abajo se vea más “en bloques”, de modo que en lugar de cambiar de verde a rojo gradualmente, se haga en pasos como en la imagen de abajo? Efecto deseado: Actualmente: #gradients { background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #00FF00), color-stop(0.5, #FFFF00), color-stop(1, #FF0000)); background-image: -o-linear-gradient(right, #00FF00 […]

Borde con una flecha centrada transparente

Estoy tratando de diseñar un div con un borde inferior que tenga una flecha hacia abajo . El div tendrá una imagen y no debe tener un borde superior, derecho o izquierdo. El relleno de la flecha que apunta hacia abajo debe ser el mismo que el div o transparente. He podido hacer que funcione […]

¿Los paréntesis están permitidos en los selectores de CSS?

En el siguiente ejemplo, quiero crear una regla de CSS que se aplique solo al encabezado con el texto “Blockhead”. Blockhead Clay rules ¿Puedo usar paréntesis, como (.gumby > .pokey) + h3 ? Si no, ¿cuál es mi alternativa?