Submit your widget
HomeSlideshow & Scrollerfc.tape — rotate css-sprites like cinema tape

fc.tape — rotate css-sprites like cinema tape

Created 12 years ago   Views 14867   downloads 2128    Author Author
fc.tape — rotate css-sprites like cinema tape
View DemoDownload
38
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

You might also like