Skip to content

blivesta/oblurlay

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published