Membuat Shapes Menggunakan CSS

Hallo teman-teman, pada tutorial kali ini saya ingin sharing tentang bagaimana cara membuat shapes menggunakan CSS. Shapes biasanya hanya bisa dibuat dengan bantuan Photoshop dan Illustrator, tetapi sekarang hanya dengan CSS kita juga sudah dapat membuat shapes yang tidak kalah bagusnya. Disini saya akan menggunakan property CSS border-radius untuk membuat shapes-shapes tersebut. Baiklah langsung saja kita praktekkan ya teman-teman.

Yang pertama kita akan membuat shapes berbentuk lingkaran (Circle) :

Square

Rectangle

Oval

Triangle

Triangle Down

Triangle Left

Triangle Right

Diamond

Trapezium

Parallelogram

Star

Comment

Pacman

Download Source