Create Youtube Logo Using CSS | CSS Shapes

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

Create Youtube logo using css and html, this article contains code and video tutorial.

CSS Code


body{
	margin:0;
}




/.container{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.youtube-shape{
	width: 280px;
	height: 180px;
	background-color: red;
	border-radius: 10%/ 20%;
	display: flex;
	justify-content: center;
	align-items: center;
}


.youtube-shape::after{
	content: '';
	width: 0px;
	height: 0px;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 50px solid white;
} 

HTML Code

Get 20% Off on Trading Fee Use "LG3RJV7Z"

More To Explore

Use "ufd6qb86" For Offers