Css3 Mouse Drawer/Tracker
Hi! This is an experiment that I recently did. I wanted a drawing board but this is what I came up with. This version does not use JS so it isn't very efficient. You can find the working version here (dev) and here.
So, the white panel (drawing board) is full of
checkbox inputs, which are activated when you click them. Although, on the live jquery version, you just need to hover the checkboxes and they'll get selected automatically. I also put two buttons (one for resetting the drawing and the other one for inverting the selection). For other parts like frame and ropes, I used this clipboard technique.
Please make sure you view the live version of it which is functioned using jQuery.