oblurlay – Implement a blur view of iOS7 style with svg and jquery

oblurlay - Implement a blur view of iOS7 style with svg and jquery

oblurlay is implement a blur view of iOS7 style with svg and jquery

Setup

<link rel="stylesheet" href="dist/css/oblurlay.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="dist/js/oblurlay.min.js"></script>

<script>
$(document).ready(function() {
  $('.oblurlay').oblurlay({
    'upper':'oblurlay-upper',
    'contents':'oblurlay-contents',
    'clone':'oblurlay-contents-clone',
    'svgBlur':30
  });
});
</script>

<div class="oblurlay">
  <div class="oblurlay-upper">
    upper layer
  </div>
  <div class="oblurlay-contents">
    contents layer
  </div>
</div>


Browsers

  • chrome
  • safari

License
Released under the MIT license

Demo | Download

Leave a Reply

Your email address will not be published. Required fields are marked *