Skip to content

Instantly share code, notes, and snippets.

@teavanist
Created November 13, 2020 13:44
Show Gist options
  • Save teavanist/cccf9e586b978e5fa06c453427e832a1 to your computer and use it in GitHub Desktop.
Save teavanist/cccf9e586b978e5fa06c453427e832a1 to your computer and use it in GitHub Desktop.
CSS and HTML for a rounded black box
<div id="id" class="blackbox" >
<div class="open">
<img class="shadowfilter" src="pic.png" >
</div>
</div>
=====================
<style>
.blackbox {
background: rgb(0, 0, 0);
border-radius: 10px;
width: 80px;
height: 70px;
line-height: 60px;
display: block;
margin: auto;
text-align: center;
padding: 20px;
margin: 3px;
box-shadow: 0 0 5px #000;
}
.shadowfilter{
text-align: center;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
width: 100%;
}
</style>

Comments are disabled for this gist.