otaviocorrea/netflix-logo-html-css.html

## netflix-logo-html-css.html
<html>
  <head>
    <title>Netflix logo in HTML + CSS</title>
    <style>
      body{
        display: flex;
        align-items: center;
        height: 100vh;
        margin: 0;
        background: black;
      }

      #netflix-logo{
        width: 140px;
        height: 250px;
        position: relative;
        margin-left: 50vw;
        transform: translateX(-50%);
        background: linear-gradient(
          90deg,
          #b1060e 0,
          #b1060e 50px,
          transparent 50px,
          transparent 90px,
          #b1060e 90px,
          #b1060e 140px
        );
      }


      #netflix-logo::before, #netflix-logo::after {
        content:  '';
        display: block;
        position: absolute;
      }

      #netflix-logo::before{
        width: 50px;
        height: 250px;
        top:  0;
        left: 45px;
        background: #e50914;
        transform:  skewX(19.6deg);
        box-shadow: 0 0 30px black;
      }

      #netflix-logo::after{
        width: 190px;
        height: 25px;
        top:  245px;
        left: -25px;
        background: #e50914;
        border-radius: 50%;
        background:  black;
      }


    </style>
  </head>
  <body>
    <div id="netflix-logo"></div>
  </body>
  <!-- Código original por onebitcode  => https://www.instagram.com/p/CecMDwVLXZQ/ -->
</html>
	<html>
	<head>
	<title>Netflix logo in HTML + CSS</title>
	<style>
	body{
	display: flex;
	align-items: center;
	height: 100vh;
	margin: 0;
	background: black;
	}

	#netflix-logo{
	width: 140px;
	height: 250px;
	position: relative;
	margin-left: 50vw;
	transform: translateX(-50%);
	background: linear-gradient(
	90deg,
	#b1060e 0,
	#b1060e 50px,
	transparent 50px,
	transparent 90px,
	#b1060e 90px,
	#b1060e 140px
	);
	}


	#netflix-logo::before, #netflix-logo::after {
	content: '';
	display: block;
	position: absolute;
	}

	#netflix-logo::before{
	width: 50px;
	height: 250px;
	top: 0;
	left: 45px;
	background: #e50914;
	transform: skewX(19.6deg);
	box-shadow: 0 0 30px black;
	}

	#netflix-logo::after{
	width: 190px;
	height: 25px;
	top: 245px;
	left: -25px;
	background: #e50914;
	border-radius: 50%;
	background: black;
	}


	</style>
	</head>
	<body>
	<div id="netflix-logo"></div>
	</body>
	<!-- Código original por onebitcode => https://www.instagram.com/p/CecMDwVLXZQ/ -->
	</html>