How to Make Pac Man Shape Using CSS

Share on facebook
Share on linkedin
Share on twitter
Share on email
Use "ufd6qb86" For Offers

Learn how to create pac man shape using css only, source code is given and video tutorial with explanation too.


<!DOCTYPE html>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/style.css"/>


	<div class="container">
		<div class="arrow-pointer"></div>

CSS Code


	box-sizing: border-box;

	display: flex;
	align-items: center;
	height: 100vh;

	width: 0;
	height: 0;
	border-top: 50px solid red;
	border-left: 50px solid red;
	border-bottom: 50px solid red;
	border-right: 50px solid transparent;
	border-radius: 50%;

Get 20% Off on Trading Fee Use "LG3RJV7Z"

More To Explore

Use "ufd6qb86" For Offers