css-shapes

Hay muchas formas CSS diferentes en Trucos CSS-Formas de CSS y estoy particularmente desconcertado con un triángulo: ... transparent; border-bottom: 100px solid red; } <div id="triangle-up"></div> Cómo y por qué funciona?

Me pregunto si hay una manera más fácil de crear divs circulares que lo que estoy haciendo ahora. Actualmente, solo estoy ha ... pero es molesto hacer esto. ¿Hay de todos modos usando CSS para hacer divs que son circulares y puedo especificar el radio?

Quiero tener una página web que tenga una palabra centrada. Quiero que esta palabra se dibuje con una animación, de tal man ... a ausencia de jQuery sería agradable, pero no es necesario. ¿Cómo puedo hacer ¿esto? He buscado exhaustivamente sin suerte.

Este es el CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } ¿Cómo se pro ... Entonces, ¿cómo hace un borde de 180 píxeles con height/width-> 0px convertirse en un círculo con un radio de 180 píxeles?

¿Cómo puedo crear una forma como esta para mostrarla en una página web? No quiero usar imágenes, ya que obtener borrosa e ... ero la parte inferior no estaba curvada. ¿Hay una manera de crear esta forma para que se pueda utilizar en una página HTML?

¿Cómo puedo crear un menú que se parece a esto... Enlace a PSD No quiero usar las imágenes PSD. Preferiría usar iconos d ... el menú que está utilizando el PSD para generar imágenes de la información emergente y luego usarlo se puede encontrar aquí.

Ok, así que todo el mundo sabe que puedes hacer un triángulo usando esto: #triangle { width: 0; height: 0; bord ... x solid red; } Y que produce un sólido, lleno de triángulo. Pero, ¿cómo harías un triángulo tipo flecha hueca, como este?

Acabo de encontrar un buen truco CSS. Mira el violín... .tooltiptail { display: block; border-color: #ffffff #a0c ... id; border-color: transparent #ffffff transparent transparent; position:absolute; left: -18px; top: 8px; }

¿Hay alguna manera de hacer un texto transparente recortado de un efecto de fondo como el de la siguiente imagen, con CSS? ... as sombras, pero no puedo entender nada... La imagen es el fondo del sitio, una etiqueta de posición absoluta <img>

Encontré este ejemplo en stackoverflow: Dibujar círculo usando css solo Lo cual es genial. Pero me gustaría saber cómo ... n lugar de un círculo, tengo una forma ovalada. Estoy tratando de jugar con el código para ver cómo puedo hacer que funcione.

Intento usar un color hexadecimal personalizado para mi triángulo css (borde). Sin embargo, ya que utiliza propiedades de bor ... transparent transparent #CAD5E0; border-style: solid; border-width: 10px; }​ Mi violín: http://jsfiddle.net/4ZeCz/

¿Cómo se dibuja un círculo usando HTML5 y CSS3? ¿También es posible poner texto dentro?

Esta pregunta ya tiene una respuesta aquí: ¿Cómo dibujar un círculo en una página html? ... ¿Es posible dibujar un círculo usando solo css que puede funcionar en la mayoría de los navegadores (IE,Mozilla,Safari) ?

Estoy tratando de crear una forma como en la imagen de abajo con un borde inclinado en un solo lado (por ejemplo, el lado in ... gt;</div> ¿Cómo puedo crear esta forma con un lado inclinado y también ser capaz de soportar tamaños dinámicos?

Estoy tratando de crear la animación de carga del círculo de OS X de Apple. Lo que he intentado hasta ahora: .animat ... SVG sin mezclarlos como lo he hecho yo? ¿O hay otras soluciones que puedo usar como canvas o algún tipo de imagen mágica?

Estoy tratando de recrear el símbolo lightning bolt de Flash (DC Comics) (o la camiseta usada por Sheldon Cooper de Big Ban ... no he sido capaz de aprende esto debido a las restricciones de tiempo, así que prefiero usar' lo que sé usar', que es, CSS)

Bueno, dibujar un círculo con CSS puro es fácil. .circle { width: 100px; height: 100px; border-radius: 100px; ... t 50%)'); } // Rotate to meet the start degree activeBorder.css('transform','rotate(' + startDeg + 'deg)'); });

¿Es posible reproducir esta imagen usando solo CSS? Quiero aplicar esto a mi menú, para que el fondo marrón aparezca en h ... No se como hacer esto, solo tengo; .menu li a:hover{ display:block; background:#1a0000; padding:6px 4px; }

Estoy tratando de obtener una animación de limpieza para hacer que un círculo se vea como se está llenando de agua . Me he en ... div> </div> Darle una posición de máscara predeterminada como @anpsmn sugirió, ya no lo restablece a negro.

Estoy buscando crear esta forma de círculos superpuestos en CSS: Básicamente, solo círculos apilados. He mirado alrededor ... rtos de luna en él, y listo. Sin embargo, no puedo averiguar cómo dibujar estas formas de luna en mi div en forma de cápsula.