sombra de caja con borde en forma de triángulo para crear div en forma de chevron
Estoy tratando de crear un grupo de divs en forma de cheurón, y encontré este artículo donde la cinta tiene una forma de triángulo interno. http://css-tricks.com/snippets/css/ribbon/
Estaba tratando de agregar un borde externo que siguiera el triángulo, lo que lograría el efecto que estoy buscando sin necesidad de usar imágenes.
Desafortunadamente, cuando traté de agregar una sombra de cuadro, terminé con una sombra cuadrada alrededor del div, no una sombra alrededor de la parte triangular.
¿Alguna sugerencia sobre cómo lograr esto?
preguntado el 09 de marzo de 12 a las 14:03
pedalpete
1 Respuestas
No creo que actualmente exista una solución simple para crear sombras CSS de formas que no sean rectángulos y rectángulos redondeados (usando border-radius). Pero creo que una posibilidad (aunque más complicada) sería usar rotaciones de transformación CSS3 junto con la sombra del cuadro. Puedes aprender algunas técnicas. aquí que tal vez usted pueda modificar para satisfacer sus necesidades.
respondido 09 mar '12, 14:03
No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas css css-shapes or haz tu propia pregunta.