🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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

Plugins SVG Tutorial

Documentation

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.


You May Also Like