Как работают CSS треугольники?

есть много различных форм CSS в CSS трюки-формы CSS и я особенно озадачен треугольником:

CSS Triangle

#triangle-up {

  width: 0;

  height: 0;

  border-left: 50px solid transparent;

  border-right: 50px solid transparent;

  border-bottom: 100px solid red;

}

<div id="triangle-up"></div>

Как и почему это работает?

876 0

Comments

Ничего не найдено.