using a div to blur an image behind it? [duplicate]

by

Not with CSS on its own, but you can pull a similar effect off with Canvas and the StackBlurforCanvas library. See this

UPDATE: Looks like backdrop-filter was recently introduced to Webkit nightly, so eventually we’ll be able to do this with CSS only. Yay!

More Related Contents:

  1. How to style HTML5 range input to have different color before and after slider?
  2. Disable webkit’s spin buttons on input type=”number”?
  3. Webkit CSS to control the box around the color in an input[type=color]?
  4. blur of part of Background image with css
  5. How would I achieve a shadow that won’t show through transparent text?
  6. Fill in text in HTML5
  7. How can I force WebKit to redraw/repaint to propagate style changes?
  8. What are -moz- and -webkit-? [duplicate]
  9. HTML 5 strange img always adds 3px margin at bottom [duplicate]
  10. How do I re-trigger a WebKit CSS animation via JavaScript?
  11. Changing three.js background to transparent or other color
  12. Actual table Vs. Div table
  13. HTML book-like pagination
  14. What is the current state of the “scoped” attribute for the style element in HTML5?
  15. Proper way to apply CSS to HTML5 custom elements
  16. html5 vertical spacing issue with
  17. Adjacent divs with angled borders? [duplicate]
  18. How to position a div in the middle of the screen when the page is bigger than the screen
  19. Using background-attachment:fixed in safari on the ipad
  20. Overflow to left instead of right
  21. HTML / CSS Popup div on text click [closed]
  22. Custom tags… why not?
  23. CSS: How to align vertically a “label” and “input” inside a “div”?
  24. Align text to the bottom of a div
  25. Wonky text anti-aliasing when rotating with webkit-transform in Chrome
  26. Apply webkit scrollbar style to specified element
  27. Can I replace the expand icon (▶) of the element?
  28. How to add bordered triangle over a div tag
  29. Trouble (vertically) Centering Text in another DIV with relative % sizing
  30. Canvas is stretched when using CSS but normal with `width` & `height` attributes

Leave a Comment