<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Blur filter (reference)</title> | |
</head> | |
<body> | |
<p>Rectangles should be blurred.</p> | |
<div style="background: green; filter: blur(5px); width: 200px; height: 200px;"></div> | |
<div style="background: green; filter: blur(5px); width: 200px; height: 200px; position: absolute; top: 300px"></div> | |
</div> | |
</body> | |
</html> |