I work for a company that produces a product from images uploaded and cropped by the user. We have a complex system in place to allow a user to crop their photo involving layering a bunch of divs and absolutely positioning them with JS to achieve the effect of an outline for the crop area.
I think it can be done in CSS using flexbox and some clever use of border / outline / shadow-box / clipping, I'm just not sure what the best approach would be. How would you go about emulating a cropping tool in CSS without running into z-index / positioning issues?
Here's a quick stab I took at it. It works kinda well but the opacity doesn't look great and might confuse customers.
Thanks for taking a look!
Epic visual tool
Epson 5030UB 2D/3D 1080p 3LCD Projector
Submitted February 02, 2016 at 03:55AM by khube http://ift.tt/1QVNvkJ
No comments:
Post a Comment