iOS 7’s blurred overlay effect using CSS?

by

It is possible with CSS3 :

#myDiv {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
    opacity: 0.4;
}

Example here => jsfiddle

More Related Contents:

  1. How to make Jquery UI Tabs scroll horizontally if there are too many tabs
  2. Gaussian Blur onHover Using jQuery
  3. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  4. How to force browser to show image 3 inches wide?
  5. Full-screen iframe with a height of 100%
  6. Only detect click event on pseudo-element
  7. How To Get Font Size in HTML
  8. Cache busting via params
  9. Select all elements that have a specific CSS, using jQuery
  10. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  11. Border Radius for IE8
  12. Detecting that the browser has no mouse and is touch-only
  13. Add inline style using Javascript
  14. how to disable DIV element and everything inside [duplicate]
  15. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  16. Can you have a JavaScript hook trigger after a DOM element’s style object changes?
  17. Trigger CSS Animations in JavaScript
  18. jQuery x y document coordinates of DOM object
  19. Dynamically change the size of the font size based on text length
  20. black and white text based on background image with css
  21. Detect browser wrapped lines via javascript
  22. Multiple read more / read less sections are not working on a page
  23. using css modules how do I define more than one style name
  24. Wrapping lists into columns
  25. How to optimize website for touch devices
  26. IIS 7.5 no images css js showing
  27. How do I dynamically adjust css stylesheet based on browser width?
  28. Polymer share styles across elements
  29. How do I put a clear button inside my HTML text input box like the iPhone does?
  30. Possible to reverse a css animation on class removal?

Leave a Comment