Single div infinity symbol.
A Pen by Adam Henley on CodePen.
Single div infinity symbol.
A Pen by Adam Henley on CodePen.
<div class="infinity"></div> |
html{background-color:rgb(176, 214, 232);} | |
@fgcolor: white; | |
.glow{ | |
.box-shadow(0 0 25px 5px rgba(255,255,255,0.8), | |
0px 0px 25px rgba(255,255,255,0.8) inset); | |
} | |
.teardrop{ | |
display: block; | |
border-width:10px; | |
border-style:solid; | |
border-radius: 50% 50% 0%; | |
border-color: @fgcolor; | |
content:" "; | |
width:40px; | |
height:40px; | |
position:absolute; top:0;left:0;right:0;bottom:0; | |
margin:auto; | |
.glow; | |
} | |
.infinity:before{ | |
.teardrop; | |
.rotate(315); | |
left:-140px; | |
} | |
.infinity:after{ | |
.teardrop; | |
.rotate(135); | |
} |