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

1 la respuesta

Círculo de progreso: dibuja un pequeño arco en la punta del círculo y más

¿Cómo dibujo un círculo pequeño en la punta final de un círculo de progreso, además de agregar un pequeño bloque de texto debajo / encima? Ejemplo img: [/imgs/yIiiS.png] <div class="radial-progress" data-progress="0"> <div class="circle"> ...

2 la respuesta

¿Hay alguna manera de crear un botón (o div) con un borde que tenga un degradado y esquinas redondeadas?

Así es como debería verse: [/imgs/1lz60.png] Intentos hasta ahora: Usando un fondo degradado más un elemento interno para cubrirlo y dejar solo un "borde" externo. losel fondo obviamente no es transparente. body { background: #242424; ...

3 la respuesta

Divs adyacentes con bordes en ángulo? [duplicar

Esta pregunta ya tiene una respuesta aquí: Forma con un lado inclinado (sensible) [/questions/30441122/shape-with-a-slanted-side-responsive] 2 respuestas Quiero crear dos divs que floten a la izquierda entre sí, sin embargo, con un ...

5 la respuesta

how para manejar 'doble opacidad' de dos divs superpuestos

Tengo dos divs, ambos con 0,6 de opacidad. Necesito que se superpongan pero conserven su opacidad y no creen un nuevo nivel combinado de opacidad. No puedo usar una imagen. EDIT: se supone que el círculo pequeño tiene un elemento de lienzo. No ...

1 la respuesta

¿Cómo desplazar el contenido en la dirección izquierda y derecha al presionar una flecha en la vista móvil?

Tengo unviolí [https://jsfiddle.net/8wzgsobz/6/embedded/result] que funciona de manera que cuando lo tomo en la vista móvil, los cuadros cuadrados se desplazan horizontalmente. Los códigos CSS que he usado para eso son: @media only screen and ...

1 la respuesta

css elemento oblicuo y obtener borde superior redondeado interno

Estoy tratando de replicar un diseño gráfico usando css, pero no he podido responder, puedo lograr una forma estática pero con pequeños defectos (debido a la unión de dos elementos). Este es el diseño gráfico: [/imgs/GiqNE.jpg] Prefiero un ...

2 la respuesta

Cambiar el tamaño de un cubo

Tengo un conjunto de códigos del cubo creado con CSS. Sin embargo, ¿cómo cambio el tamaño de este a un cubo más grande (por ejemplo, 200 px)? Lo he intentado, pero cada vez que intento hacerlo, se sale de posición ... .mainDiv { position: ...

3 la respuesta

Borde en zigzag para un círculo

Basado en muchos tutoriales, puedo crear un borde en zigzag para objetos cuadrados / rectangulares usando:after y:before. Sin embargo, cuando se trata de círculos, no hay tutoriales en absoluto. Me gustaría crear un objeto que se vea así: ...

8 la respuesta

CSS3 Transform Skew

¿Alguien sabe cómo lograr un sesgo como este: ¿Usando la nueva propiedad de transformación de CSS? Como pueden ver, estoy tratando de sesgar ambas esquinas, ¿alguien sabe si esto es posible?

5 la respuesta

¿Cómo puedo agregar correctamente una sombra y un degradado a mi forma?

Quiero hacer el siguiente diseño: [/imgs/I5TBU.png] Intenté con:after y:before Pero no funciona. Aquí está mi código actual: .design { background: #ea053a; display: inline-block; height: 155px; margin-left: 33px; margin-right: 40px; ...