Preguntas con la etiqueta [css-shapes]
¿Cómo puedo animar el dibujo de texto en una página web?
Quiero tener una página web que tenga una palabra centrada. Quiero que esta palabra se dibuje con una animación, de modo que la página "escriba" la palabra de la misma
Texto transparente recortado del fondo.
¿Hay alguna manera de hacer un texto transparente recortado de un efecto de fondo como el de la siguiente imagen, con CSS? Sería triste perder todo el valioso SEO debido
Cómo crear un círculo con enlaces en el lado del borde
Estoy intentando hacer un círculo como este . Pude hacerlo en el violín, pero el problema es que necesito que cada lado naranja sea un enlace y no puedo hacerlo
Cómo sesgar un elemento pero mantener el texto normal (sin sesgar)
¿Es posible reproducir esta imagen usando solo CSS? Quiero aplicar esto a mi menú, para que aparezca el fondo marrón en hoverla instancia. No sé cómo hacer esto, sólo tengo;
Color de borde personalizado del triángulo CSS
Intento utilizar un color hexadecimal personalizado para mi triángulo CSS (borde). Sin embargo, dado que utiliza propiedades de borde, no estoy seguro de cómo hacerlo. Me gustaría mantenerme alejado de
¿Cómo crear lados redondeados desiguales en un div?
He estado intentando hacer un DIV con lados redondeados desiguales como este: Revisé algunas soluciones y lo más cerca que puedo llegar es usando border-radius. He usado: border-bottom-left-radius: 80%50px; border-bottom-right-radius:
Semicírculo transparente cortado de un div
Me gustaría hacer una forma de semicírculo recortada transparente usando solo CSS3. El único requisito es que todos los elementos que forman la forma deben ser negros o transparentes .
Forma con un lado inclinado (sensible)
Estoy tratando de crear una forma como en la imagen de abajo con un borde inclinado en un solo lado (por ejemplo, el lado inferior) mientras que los otros bordes
El elemento no permanecerá centrado, especialmente al cambiar el tamaño de la pantalla
Mi problema es que no puedo centrar horizontalmente un puntero triangular. Bueno, puedo centrar el puntero para algunos tamaños de ventana, pero cuando reduzco o extiendo la ventana, la coloca
Forma ondulada con CSS
Estoy intentando recrear esta imagen con CSS: No necesitaría que se repita. Esto es lo que comencé pero solo tiene una línea recta: #wave { position: absolute; height: 70px; width:
Línea antes y después del título sobre la imagen [duplicado]
Quiero crear una línea antes y después de un título centrado . La línea y el texto deben tener un fondo transparente para poder posicionarlos sobre un fondo irregular. La
Curva el lado inferior del div hacia el interior con CSS
Me gustaría curvar el lado inferior de este rectángulo div/fondo con CSS, por lo que el resultado es algo como esto: ¿Alguien tiene alguna idea de cómo podría lograrse? .curved
¿Cómo funcionan los triángulos CSS?
Hay muchas formas CSS diferentes en Trucos CSS - Formas de CSS y estoy particularmente desconcertado con un triángulo: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right:
Cortar esquinas usando CSS
Estoy buscando "cortar" la esquina superior izquierda de un div, como si hubieras doblado la esquina de una página hacia abajo. Me gustaría hacerlo en CSS puro, ¿hay algún método?
Bocadillo con flecha
Tengo un proyecto en el que necesito insertar bocadillos/cuadros de mensajes . La forma general que estoy tratando de lograr es esta: .bubble { height: 100px; width: 200px; border: 3px
