Hi I have a problem adjusting my linear gradient border. It is looking like this :
I want it to be looking like this ^ . Could anyone help please.
.bot-right { position: relative; height:400px; } .bot-right:before, .bot-right:after { content: ""; position: absolute; bottom: -3px; right: -40px; } .bot-right:before { top: -3px; width: 3px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#009ee3), to(transparent)); background-image: -webkit-linear-gradient(transparent, #009ee3); background-image: -moz-linear-gradient(transparent, #009ee3); background-image: -o-linear-gradient(transparent, #009ee3); } .bot-right:after { left: -3px; height: 3px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#009ee3), to(transparent)); background-image: -webkit-linear-gradient(right, #009ee3, transparent); background-image: -moz-linear-gradient(right, #009ee3, transparent); background-image: -o-linear-gradient(right, #009ee3, transparent); }<div class="bot-right "></div>