How to create dynamic diagonal line from left-bottom to right-top corner?

Question

I\'ve created a simple layout where I have three divs which interact. One is the logo in the middle of the screen and the other are two blocks which with jQuery are moved out of

Answer 1

You don't have to do too much for this. See demo here

HTML

CSS

.diagonal {
    width: 0; 
    height: 0; 
    border-top: 110px solid transparent;
    border-right:110px solid blue; 
}