Inspired by Mikołaj Gałęziowski "https://dribbble.com/shots/14831798-Glassmorphism-Big-Sur-Creative-Cloud-App-Redesign"
A Pen by Aysenur Turk on CodePen.
<div id="errors" style=" | |
background: #c00; | |
color: #fff; | |
display: none; | |
margin: -20px -20px 20px; | |
padding: 20px; | |
white-space: pre-wrap; | |
"></div> | |
<div id="root"></div> | |
<script> |
<div> | |
<svg id="icon" viewBox="0 0 800 600"> | |
<path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" id="top"></path> | |
<path d="M300,320 L540,320" id="middle"></path> | |
<path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" id="bottom" transform="translate(480, 320) scale(1, -1) translate(-480, -318) "></path> | |
</svg> | |
</div> | |
<!-- dribbble - twitter --> |
Inspired by Mikołaj Gałęziowski "https://dribbble.com/shots/14831798-Glassmorphism-Big-Sur-Creative-Cloud-App-Redesign"
A Pen by Aysenur Turk on CodePen.