Làm cách nào để tạo một div có hình dạng bất thường với CSS3 và HTM5?

Với CSS3, bạn luôn có thể tạo các hình dạng như hình chữ nhật, hình tam giác, v.v.

Hãy để chúng tôi xem cách thực hiện -

Sau đây là một hình chữ nhật -

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

Sau đây là hình tam giác -

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