Aug 19, 2014 in Animation 3843 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
JS Tutorial