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