Create Youtube Logo Using CSS | CSS Shapes

November 25, 2021

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;
}