Patel Web Design

(PWD)

Blog

Patel Web Design (PWD) Is a No.1 Web Design and Development company in India. We have a large client base locally as well as overseas in several countries and are proud of our high retention rate.

Create different shapes with CSS

Posted by admin on December 1, 2018
0
Category: 
  Here you’ll find a range off shapes all coded with just pure CSS3 code. Unfortunately not all shapes will render correctly in all browsers, currently only web browsers that support CSS3 will produce the correct geometric shapes. Square #square { width: 140px; height: 140px; background: blue; } Circle #circle { width: 140px; height: 140px; background: blue; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; } Oval #oval { width: 200px; height: 100px; background: blue; -moz-border-radius: 100px