Diagonal starts at top left and right button. You can try to run the following code to implement diagonal gradients in CSS3 −

Live Demo

<html>
<style>
height: 100px;
background: -webkit-linear-gradient(left top, red , blue);
</html>