A Pen by Alexander Matskevich on CodePen.
Instantly share code, notes, and snippets.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<svg> | |
<rect width="50" height="10" x="-34" y="37" rx="5" ry="20" fill="#ffffff"/> | |
<circle r="26" cx="56%" cy="45%" fill="#f0626e"/> | |
<circle r="23" cx="56%" cy="45%" fill="#ffffff"/> | |
<circle r="18" cx="56%" cy="45%" fill="#f0626e"/> | |
</svg> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<body> | |
<div class="wrapper"> | |
<div class="content">2</div> | |
<div class="footer">3</div> | |
</div> | |
</body> |
AlexKardone
/ Menu on full width of the block
Last active
May 6, 2017 15:23
Menu on full width of the block
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
BKWaYz | |
------ | |
A [Pen](http://codepen.io/gaserge/pen/BKWaYz) by [serge](http://codepen.io/gaserge) on [CodePen](http://codepen.io/). | |
[License](http://codepen.io/gaserge/pen/BKWaYz/license). |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.menu-icon { | |
position: absolute; | |
right: 0; | |
text-align: center; | |
width: 70px; | |
height: 70px; | |
border-left: 1px solid #c8c8c8; | |
} | |
.menu-icon span { |
NewerOlder