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

Installation

Step 1: Link required files

<!-- oblurlay CSS -->
<link rel="stylesheet" href="./css/oblurlay.min.css">

<!-- vendor js -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<!-- oblurlay js -->
<script src="./dist/js/jquery.oblurlay.min.js"></script>

Step 2: HTML markup

<body>

	<div class="oblurlay">
		<div class="oblurlay-upper">   
			upper layer
		</div>
		<div class="oblurlay-contents">
			contents layer
		</div>
	</div>

</body>

Step 3: Call the oblurlay

$(document).ready(function() {
  $('.oblurlay').oblurlay({
    upper: "oblurlay-upper",
    contents: "oblurlay-contents",
    clone: "oblurlay-contents-clone",
    svgBlur: 30
  });
});