alykat

function setup_css_animations() {
    var prefixes = [ '-webkit-', '-moz-', '-o-', '' ];
    var keyframes = '';
    var filmstrip_steps = 25;
    ...
    for (var i = 0; i < prefixes.length; i++) {
        ...
        var filmstrip = '';
        for (var f = 0; f < filmstrip_steps; f++) {
            var current_pct = f * (100/filmstrip_steps);

alykat

.filmstrip-outer-wrapper {
    width: 100%;
    margin-bottom: 1em;

    .filmstrip-wrapper {
        width: 720px;
        height: 528px;
    }

    .filmstrip {

alykat

<div class="filmstrip-outer-wrapper">
    <div class="filmstrip-wrapper">
        <div class="filmstrip animated"></div>
    </div>
</div>