PornHub logo using css

HTML

<div class="hub">
<span contenteditable="true">Code</span>
<span contenteditable="true">pen</span>
</div>

CSS / SCSS

html {
height: 100%;
}

body {
background: #000000;
color: #ffffff;
margin: 0;
min-height: 100%;
height: 100%;
position: relative;
}

.hub {
display: block;
font-family: sans-serif;
font-weight: bold;
font-size: 9vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.hub span:nth-child(2) {
background: #FF9900;
color: #000000;
border-radius: 1vw;
padding: 0 1vw 1vw 1vw;
display: inline-block;
}

PornHub logo html css

The post PornHub logo HTML CSS appeared first on csshint - A designer hub.