CSS3 및 HTM5로 불규칙한 모양의 div를 어떻게 만들 수 있습니까?

CSS3를 사용하면 직사각형, 삼각형 등과 같은 모양을 항상 만들 수 있습니다.

방법을 알아봅시다 -

다음은 직사각형입니다 -

#shape1 {
   width: 300px;
   height: 150px;
   background: blue;
}

다음은 삼각형 −

#shape2 {
   width: 0;
   height: 0;
   border-left: 200px solid transparent;
   border-bottom: 200px solid blue;
}