Tuesday, September 3, 2013

How to Make Pac-Man Shape Using CSS

Here full code to make pac-man shape using only css code.

#pacman {
width: 0px;
height: 0px;
border-right: 60px solid transparent;
border-top: 60px solid red;
border-left: 60px solid red;
border-bottom: 60px solid red;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
}


Result:

How to Make Pac-Man Shape Using CSS

Disqus Comments