Resultados de la búsqueda a petición "css-shapes"
Cambiar el tamaño de formas individuales dinámicamente sin escalar todo el SVG
Tengo una flecha como SVG cuya longitud quiero alterar en respuesta al ancho de un DIV envolvente (por ejemplo). Todos mis intentos anteriores han llevado a este comportamiento (escalando todo el SVG): [/imgs/QYrwc.png] En lugar de esto, ...
CSS Speech Bubble con Box Shadow
Creando un DIV que usa CSS para dibujar un triángulo a la izquierda. Intentando aplicar una sombra de cuadro uniforme tanto al padre como al pseudo elemento (ver imágenes) y al código. ¿Es posible? ¿O es mejor usar border-image para esto? ...
Generar línea de flecha con CSS [duplicado]
Esta pregunta ya tiene una respuesta aquí:Borde con una flecha centrada transparente 3 respuestasEstoy tratando de generar una línea recta horizontal con un ...
HTML y CSS Fluid Circle
Estoy intentando crear un círculo fluido usando HTML y CSS. Ya casi termino, pero como debe ser fluido y el contenido interior es dinámico, está cambiando su forma de círculo a ovalado y otros. body { position: relative; } .notify { position: ...
CSS: hexágono alargado receptivo con texto y fondo / borde degradado
Estoy tratando de crear dos hexágonos alargados como: [/imgs/6H87z.png] Las características principales deben ser: posibilidad de agregar un fondo degradadoposibilidad de agregar un borde degradadoel texto puede ser de dos líneas o de una ...
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?
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 ...
Botón alargado en forma de hexágono usando solo un elemento
Me gustaría hacer un botón como este solo con CSS sin usar otro elemento. Imagen de botón Como el botón tiene unborder adjunto, creo que normalmente necesito ambos, el:before y:after elementos para crear solo una flecha a un lado. Entonces, ...
Crea un borde inclinado para un div
Estoy tratando de crear un div inclinado, y en todas partes que he visto, he encontrado cómo hacerlo usando un borde de algún tipo, lo que no funcionará porque el div se colocará sobre la parte superior de una imagen. Entonces, el código en este ...
Niño sin sesgar no alineado
Nota:Esta pregunta es sobre un problema con la salida, ynosobre la creación de cualquier forma. Recientemente creé una forma: .prog { position: relative; top: 20px; width: 150px; height: 120px; background: green; display: inline-block; ...