HTML CSS examples for CSS Animation:Transform
CSS Transform Property split page down the middle to create triangle
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #container {<!-- w ww .ja v a 2s . c o m--> height:100px; width:100px; overflow:hidden; background-image:url('https://www.java2s.com/style/demo/Google-Chrome.png'); } #triangle-topleft { width:0; height:0; border-top:100px solid Chartreuse; border-right:100px solid yellow; } </style> </head> <body> <div id="container"> <div id="triangle-topleft"></div> </div> </body> </html>