Resultados de la búsqueda a petición "css-shapes"

1 la respuesta

Barra de progreso a lo largo de los bordes de un rectángulo

Estoy tratando de descubrir cómo implementar la barra de progreso alrededor del rectángulo. Imaginemos que tengo div 500x300 con borde 5px (negro). Me gustaría que la barra de progreso comenzara en la esquina superior izquierda y luego vaya a -> ...

3 la respuesta

div con lado inclinado y esquinas redondeadas

Actualmente estoy construyendo un sitio web que requiere botones para tener un inclinación en el lado izquierdodel botón El sitio web responde y el botón requiereesquinas redondeadastambién. Estoy tratando de evitar el uso de imágenes de fondo ...

4 la respuesta

Enlace con borde y triángulo transparente

No puedo encontrar lo que necesito. Tengo este codigo <hgroup id="subheader"> <h1>lorem ipsum</h1> <h2>ipsum lorem</h2> <a href="#" class="arrow-down">read More</a> </hgroup>Quiero que el enlace tenga un borde con un triángulo hacia abajo en la ...

2 la respuesta

div con triángulo en la parte inferior con imagen de fondo

Quiero hacer undiv, con untriángulo en la parte inferior. Pero necesito elimagen de fondo en el triángulopara aparecer, he intentado usar un pseudo elemento (:after) pero no funciona. #homebg:after{ content:''; position: absolute; top: 100%; ...

2 la respuesta

Forma trapezoidal CSS receptiva

Estoy buscando crear una forma trapezoidal receptiva que pueda estar en CSS, SVG o Canvas. [/imgs/VY423.png] He podido crear la forma del triángulo pero no una forma trapezoidal que responda. div { width: 0; height: 0; border-top: 5vw solid ...

3 la respuesta

Elemento de relleno con fondo inclinado al pasar el mouse

Estoy tratando de crear unEfecto de desplazamiento del botón CSS. Pero no pude llenar el elemento con una forma inclinada. Cómo se planeó el efecto de desplazamiento: [/imgs/hsmdE.png] Captura de pantalla 1: Cómo se ve en realidad. Captura ...

3 la respuesta

CSS: borde circular con varios colores

¿Alguien sabe cómo crear esto en CSS o si es posible? Sé cómo hacer cuartos de círculo, pero no estoy seguro de cómo aplicarlo en este formato. Pequeños trozos de la frontera deben ser de diferentes colores. [/imgs/JP5ic.jpg]

2 la respuesta

¿Cómo hacer gradiente de borde de círculo diagonal?

Tengo un problema con CSS3. No sé cómo hacer un borde degradado redondo y diagonal como ese: [/imgs/kAPAl.jpg] Encontré algo comoesta [http://jsfiddle.net/agusesetiyono/796XC/9/?utm_source=website&utm_medium=embed&utm_campaign=796XC] : .box { ...

4 la respuesta

¿Cómo agrego un borde a una forma css (estrella de 8 puntos)?

¿Cómo agrego un borde rojo fuera de esta estrella de 8 puntos? ¿O hay una solución svg simple que alguien conozca? ES: [/imgs/C31Tv.jpg]NECESITAR: [/imgs/17oM1.jpg] Violín JS [https://jsfiddle.net/v9bqahy8/1/] HTML <div ...

4 la respuesta

Bordes incompletos alrededor de div

Estoy buscando una manera de crear uncuadrado incompleto con bordescon algo de texto y un fondo con puro css. Esto es lo que estoy tratando de lograr: Mi idea inicial es crear la forma basada en tres formas y luego colorear los bordes en ...