• Stars
    star
    115
  • Rank 305,916 (Top 7 %)
  • Language
    JavaScript
  • Created over 10 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Experiment : Implement a blur view of iOS style with CSS,SVG and jQuery

oblurlay

Implement a blur view of iOS style with css,svg and jquery

Example

http://git.blivesta.com/oblurlay

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.