I was trying to mockup an Ajax based upload script for my university project, where I needed to create a Drop Here box, I know its easy with a wrapper but I just though to give it a hard way and try to achieve that box kind of design with a single
Lets get the magic done using CSS. I'm using the
pseudo classes to show magic here but there is also other ways using
box shadow with 0 spreading. I used it just because it stuck my head.
border: 10px solid rgb(14, 56, 119);
content: " ";
border: 2px dashed rgb(255,255,255);
background-color: rgb(14, 56, 119);
Don't drop files here, its just an image.