iOS7 Lockscreen Concept

HTML

<!-- Image is 320x480 px -->
<img class="blurred" src="http://www.iphonefaq.org/images/archives/wallpaper-iphone4.jpg"/>

<div class="overlay">
   
    <button class="btn-cutout">7</button>
</div>

CSS

.blurred {
    position: absolute;
    top: 70px;
    left: 70px;
    -webkit-filter: blur(10px);
    /*Middle values are width and height minus blur in px*/
    clip: rect(10px,320px,470px;10px);
}

.overlay {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 320px;
    height: 480px;
    background-color: rgba(0,0,0,0.6)
}

.btn-cutout {
    position: absolute;
    top: 140px;
    left: 140px;
    height: 80px;
    width: 80px;
    border: 5px solid rgba(255,255,255,0.7);
    border-radius: 40px;
    background-color: rgba(0,0,0,0.8);
    color: white;
    font-size: 60px;
}