0

Necesito crear esta figura con CSS. Teniendo en cuenta que deben ser 3 elementos diferentes para poder trabajar sobre cada uno independientemente. Tengo conocimientos para crear un trangulo pero estoy estancado en como unir los 3 que necesito.

<div class="triangle"></div>    

.triangle{
  width: 0;
  height: 0;
  border-width: 0 176px 217px 0;
  border-color: transparent #FF0000 transparent transparent;
  border-style: solid;
  -webkit-transform: rotate(24deg);
  -moz-transform: rotate(24deg);
  transform: rotate(24deg);
}

Alguna idea? Gracias

introducir la descripción de la imagen aquí

3
  • 1
    las preguntas deben iniciar mostrando lo que haz intentado para que tengan buen recibimiento por parte de la comunidad y apoyar en dudas puntuales
    – user75901
    el 18 mar. 2018 a las 16:06
  • Listo, ya aclare que no tengo problemas de armar triangulos pero no puedo unirlos como una piramide. Gracias el 18 mar. 2018 a las 16:35
  • Aquí tienes un enlace a un artículo donde explica detalladamente el proceso de crear una pirámide con CSS3 y SASS: thesoftwaresimpleton.com/blog/2016/06/28/pyramid Además, en el artículo utiliza animación en CSS para rotar la pirámide. Espero que te sirva.
    – David JR
    el 21 mar. 2018 a las 11:12

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.