HTML CSS examples for CSS Widget:Banner
Folded banner using css and border and fade
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> div {<!--from ww w . j a v a 2s. c o m--> background: #000; width: 200px; height: 50px; border-bottom: 3px solid red; position:relative; } div::before { content: ""; position: absolute; height: 0; width: 0; right: 0; bottom: -12px; border-bottom: 10px solid transparent; border-left: 10px solid #AA0000; } </style> </head> <body> <div class="folded"> </div> </body> </html>