Film Strip

by chintsu

HTML

<div class="video">
    <a href="#" class="video-link"><img src="http://lorempixel.com/output/cats-q-g-320-240-4.jpg" width="420" height="240"/></a>
</div>

CSS

img, a, div { padding: 0; margin: 0px; }

.video-link {
    border: solid 1px #333;
    background-color: #111;
    background-image: url('https://googledrive.com/host/0B587UrGFPbGTWEx0SVZlVXNDc2M/filmstrip.png'), url('https://googledrive.com/host/0B587UrGFPbGTWEx0SVZlVXNDc2M/filmstrip.png');
    background-position: 50% 0, 50% 100%;
    background-repeat: repeat-x, repeat-x;
    padding: 30px 30px;
    display: inline-block;
    line-height: 0;
}