Articles of css3

¿Ola (o forma?) Con borde en CSS3

Necesito implementar una forma de onda con CSS3, traté de implementar con formas CSS3, pero no he alcanzado el resultado deseado. * { margin: 0; padding: 0; } body { background: #007FC1; } .container, .panel { border-bottom: 4px solid #B4CAD8; } .container { background-color: #fff; } .container > .text { padding: 0.5em; } .panel { […]

Pedido de declaraciones de CSS específicas del proveedor

Creo que he escrito algo así como lo siguiente mil veces: .foo { border-radius: 10px; /* W3C */ -moz-border-radius: 10px; /* Mozilla */ -webkit-border-radius: 10px; /* Webkit */ } Pero solo ahora ¿he pensado si el orden de esos es importante? Sé que entre -moz-* y -webkit-* no importa, ya que como mucho uno de […]

Invierte la esquina redondeada en CSS

Tengo un código CSS: -moz-border-radius-topleft:50px; Obtengo el resultado: ¿Hay alguna posibilidad de dar como este?

¿qué es más rápido? ¿Transiciones CSS3 o animaciones jQuery?

Estoy trabajando en una aplicación iPad HTML5 y ya he implementado soporte ontouch para desencadenar eventos más rápido y estoy usando jQuery para dirigir los elementos más fácilmente, pero para las animaciones estoy usando transiciones CSS3 ¿Qué crees que es más rápido? usando animaciones jQuery ya que ya importé la biblioteca o usé transiciones CSS3 […]

Forma de triángulo con imagen de fondo

Estoy trabajando en un proyecto que requiere dos triangularjs para guardar imágenes de fondo y enlaces. Aquí está mi maqueta de cómo me gustaría los dos triangularjs. Actualmente, tengo solo dos divisiones que abarcan el 900×600 con cada triángulo como imagen de fondo. El problema que estoy teniendo ahora es que no puedo pasar el […]

Efecto de desplazamiento: expanda el borde inferior

Estoy tratando de obtener un efecto de desplazamiento de transición en el borde que el borde se expande al pasar el mouse. h1 { color: #666; } h1:after { position: absolute; left: 10px; content: ”; height: 40px; width: 275px; border-bottom: solid 3px #019fb6; transition: left 250ms ease-in-out, right 250ms ease-in-out; opacity: 0; } h1:hover:after { […]

Alternativa de CSS Calc

Estoy intentando cambiar dinámicamente el ancho de un div usando CSS y sin jquery. El siguiente código funcionará en los siguientes navegadores: http://caniuse.com/calc /* Firefox */ width: -moz-calc(100% – 500px); /* WebKit */ width: -webkit-calc(100% – 500px); /* Opera */ width: -o-calc(100% – 500px); /* Standard */ width: calc(100% – 500px); También quiero soportar IE […]

CSS 3 deslizable desde la transición izquierda

¿Hay una solución de navegador cruzado para producir una transición deslizante con CSS solamente, sin javascript? A continuación se muestra un ejemplo del contenido html:

¿Alguna manera de limitar la longitud del borde?

¿Hay alguna manera de limitar la longitud de un borde? Tengo un que tiene un borde inferior, pero quiero agregar un borde a la izquierda del que solo se extiende hasta la mitad del camino. ¿Hay alguna manera de hacerlo sin agregar elementos adicionales en la página?

¿Por qué no funciona el selector h3: nth-child (1): contains (‘a’)?

Reviso este selector: h3:nth-child(1):contains(‘a’) selector no funciona? Compruebo esto en firefinder y no devuelve nada (no hay información de que hay cero elementos) Luego revisa esto: h3:nth-child(1) y devuelve h3, por lo que el selector es casi bueno, pero algo con este texto (h3 tiene texto ‘a’) sale mal.