Submit your widget

fc.tape — rotate css-sprites like cinema tape

Created 6 years ago   Views 20745   downloads 3405    Author Author
fc.tape — rotate css-sprites like cinema tape
View DemoDownload
80
Share |

jQuery widget for sprite animations.

 

Basic usage

 

To embed the widget in your page you need to create a block element with fixed dimensions, equal to your frame size, and background image of your sprite:

 

<div class="tape" />


.tape {
    width: 420px;
    height: 315px;
    background: url(tape.png) 0px 0px no-repeat;
}



Now you need to activate fc.tape. Options can be provided both in javascript and in html via data-attributes (we will use later method throughout the demo).

 

$('.js-sample__tape').tape();


More Info: click here