Question

I tested this example of div with 45 degree angle.

This is the final result that I would like to get:

This is the result that I get in my browser:

In IE I get only the test without the green background. How I can fix the problem?
I use FF 16.0.2

Answer 1

here is a fix for you (note it doesn’t include IE fix for gradient background):

h1:after {
    content: '';
    background: linear-gradient(top left, #5FA309, #3B8018);
    background: -webkit-gradient(linear, left top, left bottom, from(#5FA309), to(#3B8018));
    background: -moz-linear-gradient(top left,  #5FA309,  #3B8018);
    position: absolute;
    top: 5px; right: -11px;
    width: 21px;
    height: 21px;
    transform: rotate(45deg);
}