Skip to content

Instantly share code, notes, and snippets.

@t0lkman
Last active December 19, 2018 19:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save t0lkman/ceecb85e9f70f1a4bdf7c25f9461c195 to your computer and use it in GitHub Desktop.
Save t0lkman/ceecb85e9f70f1a4bdf7c25f9461c195 to your computer and use it in GitHub Desktop.
Untitled
body {
background: #daecf1;
}
.wrapper {
position: absolute;
width: 250px;
height: 250px;
left: 50%;
top: 50%;
margin: -125px 0 0 -125px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background-color: #fff;
}
.logo {
position: relative;
display: inline-block;
width: 26px;
height: 100px;
left: 50%;
top: 50%;
margin-left: -52px;
margin-top: -52px;
background-color: rgba(0, 30, 162, 0.9);
border-radius: 3px 0px 3px 3px;
transform: skew(-10deg) scaleY(1.15);
filter: drop-shadow(26px 20px 0px #009cde);
}
.logo:before {
content: "";
position: absolute;
width: 0px;
height: 0px;
top: 65px;
left: 26px;
border: 2px solid rgba(0, 30, 162, 0.9);
border-left: 2px solid rgba(0, 30, 162, 0.9);
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.logo:after {
content: "";
position: absolute;
width: 60px;
height: 65px;
left: 26px;
background: inherit;
border-radius: 0px 40px 55px 0px;
}
<div class="wrapper">
<span class="logo"></span>
</div>
// alert('Hello world!');
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment