adding gridlines to background in HTML and Javascript similar to VisualStudios grid -
i have grid snap implemented, want make light grey lines show both horizontally , vertically. reasoning making designing application has similar , feel visual studios' form designing aspect.
i have globals way know pixel spacing. want working javascript. page can go infinitely in x , y directions, cannot have static length. needs dynamic.
it coming along far, unsure if there current way implement this.
<hr style ="position:absolute;" width = "1" size = "500" /> <hr style ="position:absolute;" width = "500" size = "1" />
if have modern browser, way :
body{ background-size:15px 15px; background-position: 0 -5px; } body:hover{ background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 98%, #000000 100%); }
hover, nice, think can add second background , add more css prefix.
edit : better
html{ background-size:200px 200px,200px 200px; background-position: 0 0,0 0; color:#7a7a7a; } html:hover{ background-image: -webkit-linear-gradient(top, transparent, transparent 199px, #000000 200px),-webkit-linear-gradient(left, transparent, transparent 199px, #000000 200px); }
Comments
Post a Comment