1

I had a look at how to make shapes in CSS, I have figured out how to make squares etc. see through however I can't seem to keep the outer border but make the background of the shape see through?

CSS

.triangle{
    width: 0;
    heigth: 0;
    border-left: 250px solid transparent;
    border-right: 250px solid transparent;
    border-bottom: 400px solid #555;
    position: absolute;
    bottom: -45px;
    left: -10px;
    transform: rotate(10deg);
}
Mac Hooper
  • 105
  • 1
  • 8
  • Does this answer your question? [How do I make a transparent border with CSS?](https://stackoverflow.com/questions/2506844/how-do-i-make-a-transparent-border-with-css) – Libra Feb 04 '20 at 14:13
  • I don't think so, so what I am trying to do is have the outline of the trianlge be coloured #E55C5C and the inside of the triangle be transparent – Mac Hooper Feb 04 '20 at 14:16
  • Because of the way you're rendering the triangle, that isnt really possible. The entire thing is made of borders, so where would the background-color go? – Libra Feb 04 '20 at 14:18
  • Right so how would I render the trianlge to have a transparent background and coloured borders? – Mac Hooper Feb 04 '20 at 14:26
  • Use an SVG to do this – Libra Feb 04 '20 at 14:29

0 Answers0