HTML CSS examples for CSS Widget:Arrow
Css background arrow with percentage width
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .box-color { width: 100%; height: 300px; position: relative; background-color: blue; } .background-triangle { width: 100%; height: 100%; left: 0px; top: 0px; background: linear-gradient(to right bottom, transparent 50%, rgba(0, 0, 0, .1) 50%) } </style> </head> <!-- w w w . j a va2 s .c om--> <body> <div class="outer"> <a href="/#"> <div class="box-color" style=""> <div class="background-triangle"></div> </div> </a> </div> </body> </html>