HTML CSS examples for CSS Widget:Shape
Create triangle shape with rotate
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .arrow-left { margin-left:51px; width:0; height:0; border-top:51px solid Chartreuse; border-bottom:51px solid yellow; border-right:51px solid blue; transform:rotate(136deg); -ms-transform:rotate(136deg); -moz-transform:rotate(136deg); -webkit-transform:rotate(136deg); -o-transform:rotate(136deg); } </style> <!-- www. j av a2s .c o m--> </head> <body> <div class="arrow-left"></div> </body> </html>