HTML CSS examples for CSS Widget:Menu
Drawing curvy triangle in css for menu
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> div {<!-- w w w . j a v a 2 s . c o m--> position:relative; left:21%; height:251px; width:151px; border:2px solid Chartreuse; top:11%; background:yellow; } div:before, div:after { position:absolute; content:''; width:31px; height:31px; left:-13px; background:blue; top:31px; -ms-transform:rotate(46deg); -webkit-transform:rotate(46deg); transform:rotate(46deg); border-radius:6px; } div:after { left:-14px; border-right-color:pink; z-index:-2; border:2px solid OrangeRed; top:30px; box-shadow:8px 8px 12px 0px grey; } </style> </head> <body> <div> </div> </body> </html>