Creating a hole in a element

by

CSS box-shadow is supported in almost all modern browsers, so you can do what you want (I hope, I understood you right) this way:

body {
  margin: 0;
  padding: 0;
}

.hole {
  position: absolute;
  left: 50px;
  top: 50px;
  width: 100px;
  height: 100px;
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8);
}
<img src="http://upload.wikimedia.org/wikipedia/commons/5/51/Fox_Head.jpg" alt="" style="width: 100%;">
<div class="hole"></div>

So, the block will be transparent, and all around it will be highlighted with its shadow.

More Related Contents:

  1. How I show div by scale effect and give her text
  2. jQuery Adding new option to select element doesn't pick up the string [closed]
  3. Add Content to webpage using only CSS
  4. How to change the bootstrap css width into 1000px? [closed]
  5. anchor click doesn’t open the modal
  6. What will be selector for multi class HTML element in CSS or JQuery?
  7. jquery change section with scrolling and animation
  8. Slide down button to show text HTML CSS
  9. Show div on scrollDown after 800px
  10. Auto-scaling input[type=text] to width of value?
  11. How to remove close button on the jQuery UI dialog?
  12. jQuery on window resize
  13. Find text string in jQuery and make it bold
  14. Add and remove a class on click using jQuery?
  15. Number nested ordered lists in HTML
  16. Making radio buttons look like buttons instead
  17. How do I auto-hide placeholder text upon focus using css or jquery?
  18. jQuery find element by data attribute value
  19. expand/collapse table rows with JQuery
  20. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  21. Can I fade in a background image (CSS: background-image) with jQuery?
  22. Can an iframe only show a certain part of the page?
  23. JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
  24. Is there a style selector in jQuery?
  25. CSS for the “down arrow” on a element?
  26. How to keep footer at the bottom even with dynamic height website
  27. Justify divs with CSS to fill width of parent container [duplicate]
  28. How to create a diagonal line within a table cell?
  29. Show/ Hide Table Column with colspan using jQuery
  30. How add spaces between Slick carousel item

Leave a Comment