i was wondering if box shadow spread and blur could limited to parent height and width? i am trying using z-index but i doesn't works.. any suggestion?
is it possible to limit the spread not over the edges of images? thanks for your help..
i was trying to change the index of the div inside the canvas tag (i changed the background image for future cropping)
----------edit answer------------- HTML
<div id="canvas" style="overflow: hidden; width: <?php echo $resolution[0]; ?>px; height: <?php echo $resolution[1]; ?>px;
background: url(<?php echo base_url($image_loc); ?>) no-repeat; background-repeat: no-repeat;
" class=""></div>
JS
$('.rectangle').css('box-shadow', '' + 0 + ' ' + 0 + ' ' + '220px ' + '220px ' + '#000');
my workflow is when image loaded i started to click the image and create selection with js and aftar the button with icon crop up there clicked it draws the box shadow.. just add the overflow: hidden