Resultados de la búsqueda a petición "css-shapes"
Cortar imagen en diagonal con CSS3
¿Cómo cortar parte de una imagen o contenedor en diagonal usando CSS3? La parte que necesita ser cortada tiene la forma de un triángulo. Para ser más específicos: si la imagen de arriba es la imagen, la parte azul debe cortarse, no la ...
Esbozar y llenar parcialmente una forma SVG
Tengo un jsfiddle aquí.http://jsfiddle.net/apbuc773/ [http://jsfiddle.net/apbuc773/] Me gustaría crear una estrella usando svg. Me gustaría acariciar el exterior de la estrella. En mi ejemplo, el trazo está en cada línea que disecciona la forma ...
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 ...
Div. Sensible al trapecio con CSS o jQuery
Tengo que construir este sitio web y me enfrento a un desafío único de alternar Trapezium Divs. Nunca me he encontrado con algo así antes y no tengo idea de cómo lograrlo. Para hacer las cosas más complicadas, este será un sitio ...
Cómo hacer un fondo de medio cuadrado en css
¿Es posible hacer en css puro fondo medio cuadrado como en la imagen? Sé que se puede hacer con una imagen como fondo, pero necesito usar 5 colores diferentes, y tal vez en el futuro los colores se puedan cambiar.
crear cinta con css
Tengo el menú de la barra lateral finalmente creado. ahora necesito crear una cinta en el elemento seleccionado, como mostrar imagen (rojo) (realmente necesito una cinta de color gris). Pero no quiero usar el fondo de la imagen y usar solo la ...
Radio de borde en porcentaje (%) y píxeles (px) o em
Si uso unvalor de píxel o empara radio de borde, el radio de borde es siempre un arco circularo unforma de píldoraincluso si el valor es mayor que el lado más grande del elemento. Cuando usoporcentajes, el radio del borde es elíptico y comienza ...
¿Cómo puedo crear una flecha redonda con solo HTML y CSS?
Estoy tratando de crear una flecha direccional redonda con CSS y HTML. A continuación están mis intentos. Intento 1 [http://jsfiddle.net/nDxYJ/472/]En esto he rotado el<div> y una flecha, pero ambos están en diferentes posiciones. Este es el ...
Bocadillo de diálogo con flecha
Tengo un proyecto donde necesito insertarbocadillos / cuadros de mensaje. La forma general que estoy tratando de lograr es esta: .bubble { height: 100px; width: 200px; border: 3px solid gray; background: lightgray; position: relative; ...
Forma con un lado inclinado (sensible)
Estoy tratando de crear una forma como en la imagen de abajo con unborde inclinado en un solo lado(por ejemplo, el lado inferior) mientras que los otros bordes permanecen rectos. Intenté usar el método de borde (el código se proporciona a ...