

Aug 19, 2014 in Animation 3648 views
oblurlay is implement a blur view of iOS7 style with svg and jquery
Source: github.com
1. INCLUDE CSS AND JS FILES
<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>
2. HTML
<div class="oblurlay"> <div class="oblurlay-upper"> upper layer </div> <div class="oblurlay-contents"> contents layer </div> </div>
3. JAVASCRIPT
$(document).ready(function() { $('.oblurlay').oblurlay({ 'upper':'oblurlay-upper', 'contents':'oblurlay-contents', 'clone':'oblurlay-contents-clone', 'svgBlur':30 }); });
Tagged with:
oblurlay
blur view
ios7 style
css and jquery
implement a blur
blur effect
Related Articles