A Pen by moritz jacobs

Thumbnail
This awesome code was written by moritzjacobs, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright moritzjacobs ©
  • HTML
  • CSS
  • JavaScript
    <div class="foo">
	<div class="bar">
		<div class="baz"></div>
	</div>
</div>

/*Downloaded from https://www.codeseek.co/moritzjacobs/a-pen-by-moritz-jacobs-MXjPZY */
    
.foo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 204px;
	height: 402px;
	border: 2px solid red;
	
	display: flex;
}

.bar {
	flex: 1;
	border: 2px solid blue;
	background: rgba(#ff00ff, 0.1);
	
}


/*Downloaded from https://www.codeseek.co/moritzjacobs/a-pen-by-moritz-jacobs-MXjPZY */
    

Comments