Resultados de la búsqueda a petición "css-shapes"
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 -> ...
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 ...
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 ...
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%; ...
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 ...
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 ...
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]
¿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 { ...
¿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 ...
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 ...