Reanimator Demo

Both animations will play as you scroll the page, and have extra padding to increase the scrollable area.

The first animation will also play if you move your mouse over it.

The second will play frame-by-frame if you click on it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus libero, mattis in dapibus sit amet, venenatis ut eros. Vestibulum id nibh ultricies, ornare augue nec, viverra neque. Donec dapibus scelerisque metus, eget tincidunt sapien egestas sed. Mauris erat metus, pellentesque a dignissim vel, pulvinar venenatis nibh. Aliquam et feugiat ante. Integer ac mattis nisi, ut consectetur lorem. Nullam et tincidunt augue, vel efficitur turpis. Aliquam venenatis urna sed leo scelerisque mattis. Fusce egestas et purus egestas semper. Mauris rutrum justo ante, non fringilla est tincidunt non.

Aliquam dictum elementum massa, sit amet porta dolor placerat scelerisque. Donec sed mi sodales, cursus ante eu, vehicula mauris. Praesent in scelerisque enim. Proin venenatis tincidunt semper. Suspendisse eros magna, placerat vel lacinia at, imperdiet et est. Nullam faucibus blandit ligula, quis fermentum sem ultricies eu. Sed ut lacus orci. Donec viverra varius felis in imperdiet. Donec congue ultricies neque ac faucibus.

Nunc nisl eros, facilisis iaculis cursus sit amet, faucibus non magna. Fusce sed interdum quam, vitae viverra nunc. Sed non ullamcorper odio. Vivamus tincidunt nibh ac sem viverra, condimentum posuere orci mattis. Etiam sed mauris et purus auctor lobortis. Nullam ante justo, lobortis et massa quis, pharetra euismod dui. Aliquam ullamcorper sapien venenatis ante consectetur iaculis. In quis diam eget ante tempus aliquet. Praesent viverra tortor dui. Praesent dapibus facilisis quam, at elementum libero scelerisque eu. Proin lacinia arcu purus, id porta metus posuere id. Praesent nec dolor porttitor, sollicitudin arcu nec, faucibus ipsum. Mauris ligula urna, interdum bibendum lectus eu, tincidunt accumsan tortor. Donec nec imperdiet eros.

Cras in pretium urna. Sed eros mauris, rutrum et finibus vel, feugiat a tortor. Fusce at bibendum augue. Phasellus lobortis orci id urna commodo congue. In pharetra dignissim enim eu ultrices. Phasellus eleifend, tellus a blandit vehicula, turpis justo lacinia velit, eu mattis sapien justo eu enim. Vestibulum tempor nunc et felis pharetra porttitor. Mauris molestie blandit tellus sit amet tincidunt. Fusce libero tellus, tristique eget neque a, egestas consectetur nisi. Nam volutpat placerat nisl, quis suscipit nunc vulputate nec.

Morbi vestibulum arcu et molestie pellentesque. Cras dictum egestas luctus. Vestibulum sit amet turpis risus. Quisque sit amet diam at lectus maximus vehicula. Pellentesque condimentum rhoncus purus, eget consectetur purus venenatis nec. Morbi lorem nulla, condimentum ac justo sit amet, commodo mollis urna. Duis scelerisque ante at urna facilisis laoreet. Phasellus neque nisl, lacinia vel sodales in, volutpat eu turpis. Nam rhoncus, sem non finibus accumsan, magna eros ullamcorper risus, sit amet maximus lectus nibh eleifend ex. Praesent non ante nec nibh maximus vestibulum. Nullam eu congue nisi. Curabitur in mollis nibh. Integer convallis mattis dolor id laoreet. Curabitur pulvinar leo at quam luctus consectetur. Nam sit amet tellus eleifend, cursus dui nec, suscipit libero. Fusce mauris lectus, consectetur ut maximus nec, euismod et dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula aliquet mauris eu ornare. Curabitur sollicitudin pharetra mauris a ornare. In eleifend elit in dolor finibus rutrum. Curabitur sit amet aliquet dolor. Sed vel euismod mi, sit amet cursus ipsum. Nullam et rutrum odio, sit amet pharetra massa. Praesent et leo id metus eleifend bibendum sit amet ut quam. Donec scelerisque interdum justo, at pellentesque nisi dignissim eu. Nam purus est, mattis efficitur est a, malesuada laoreet tellus. Nam auctor venenatis tempor. Praesent venenatis egestas turpis, sit amet condimentum nisl feugiat quis. Curabitur volutpat quis libero pulvinar vestibulum. Fusce ex nibh, semper at fermentum sed, suscipit tempor nibh.

Pellentesque at urna malesuada, porta est a, pharetra diam. Vestibulum ultricies dolor at libero pellentesque, vitae mollis velit imperdiet. Donec in lectus volutpat, pharetra nibh a, ultricies orci. Integer varius lectus vel ante viverra, aliquam commodo ligula egestas. Ut nec luctus sapien, id rhoncus sem. Proin facilisis sit amet diam eget egestas. Proin sed ullamcorper arcu. Nunc ac sapien pretium, egestas est ac, eleifend mi. Etiam in enim iaculis, eleifend leo sed, blandit mauris. Maecenas non mollis erat. Mauris nec turpis nec dolor dignissim commodo a at erat. Pellentesque quis aliquam ante. Vestibulum suscipit sodales ipsum, eget ornare lectus porta vitae.

Aliquam dignissim mi tortor, in scelerisque diam scelerisque ac. Sed sed velit justo. Nulla eget mollis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse bibendum leo est, id semper felis molestie eget. Sed consectetur volutpat massa, vel posuere urna porttitor vel. Donec elementum est sed finibus bibendum. Vivamus ac diam viverra, lacinia erat sit amet, condimentum mauris. Vestibulum id odio scelerisque, pretium odio nec, gravida tortor. Donec blandit ipsum mollis, pulvinar lacus eget, hendrerit urna. Cras at semper purus. Donec est lorem, consectetur nec lobortis et, rhoncus vitae mauris. Vestibulum non risus molestie, consequat leo at, faucibus neque. Nulla ullamcorper ex quam, non condimentum quam varius id. In quis augue urna.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean a erat a urna mollis ultricies. Vivamus tincidunt diam eget est dictum aliquam. Sed mauris leo, lacinia et tristique sed, consequat vitae tellus. Phasellus interdum blandit tristique. Phasellus sit amet rutrum justo, a porttitor dolor. Suspendisse odio orci, tristique eget bibendum at, tristique et leo. Sed non lacus aliquam, ultrices tortor sit amet, pellentesque velit. Sed at ligula vel libero vestibulum venenatis. Curabitur facilisis orci nunc, at viverra ligula auctor et.

Cras rutrum convallis turpis, a volutpat turpis facilisis nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu arcu sem. Sed at tincidunt tortor. Suspendisse sed nisi vel augue mattis accumsan eget sed tortor. Proin eu lacinia eros. Curabitur dictum dolor et dui cursus, et aliquam turpis porttitor. Quisque non sem aliquet, scelerisque orci ut, pulvinar mauris. Nullam ac nibh porttitor, egestas magna ac, sollicitudin augue. Phasellus sodales ac ex sed sodales. In fringilla felis velit, nec volutpat massa aliquam sed. Sed scelerisque nulla vitae nisi tincidunt, sit amet varius nisi accumsan. Curabitur eu arcu tellus. Vestibulum nec arcu nulla. Aenean erat nisi, venenatis in tellus ac, facilisis gravida tellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate nisi ullamcorper, faucibus ante ullamcorper, dignissim quam. Sed in lacus ornare, tincidunt felis consectetur, vestibulum metus. Ut pulvinar auctor massa, ac scelerisque purus rhoncus sit amet. Curabitur ullamcorper vel arcu nec aliquam. Vivamus eu egestas lorem. Nullam nec vulputate purus. Cras fermentum commodo nisl sed varius. Sed pulvinar justo vitae commodo laoreet. Duis non massa et magna commodo cursus. Sed ex urna, fermentum nec ornare eget, condimentum ac ipsum. Mauris nulla purus, mattis non porta eget, rutrum sit amet risus. Maecenas quis lorem ligula.

Nam eros velit, scelerisque quis mattis sit amet, gravida ut ante. Vestibulum et nisi diam. Praesent sagittis aliquet dapibus. In sit amet ante lectus. Donec aliquam in est malesuada tempus. Donec sed fermentum massa. Vestibulum volutpat purus sed efficitur vulputate. Sed non justo sed nisi eleifend eleifend et posuere nibh.

Suspendisse gravida imperdiet lorem, eget egestas sapien tincidunt sagittis. Curabitur luctus, est vitae gravida gravida, arcu diam consequat justo, eget vehicula est dui ut nunc. Nullam elementum purus pharetra, faucibus dui ac, pulvinar libero. Curabitur egestas ac arcu ut lobortis. Mauris sodales sem ex, sed lacinia risus elementum in. Nunc convallis in velit eu accumsan. Morbi venenatis diam lectus, id laoreet turpis sodales posuere. Nam hendrerit sed nisl eu facilisis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean aliquam iaculis tortor, pharetra scelerisque orci malesuada quis.

Fusce felis ligula, tempor nec accumsan eget, congue a velit. Fusce pulvinar, nulla ultrices iaculis pulvinar, mauris felis lacinia augue, nec auctor tellus eros in sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam euismod est mauris, eget porta odio scelerisque ut. Donec a erat quam. Curabitur id aliquet augue. Vivamus at arcu tincidunt, dictum arcu et, consequat nunc. Donec sed varius eros. Maecenas id lacinia ipsum, a aliquam sem. Nulla finibus tincidunt orci eu cursus. Cras erat dui, rhoncus eu tincidunt quis, venenatis ut enim. Proin eu porta nunc.

In a viverra quam. Phasellus eu nisi cursus ex iaculis ultricies a sit amet augue. Phasellus efficitur iaculis blandit. Cras sed lectus nec dolor ullamcorper pretium sed molestie mi. Vestibulum commodo egestas dui vestibulum rutrum. Aliquam vestibulum sapien ac tristique lacinia. Ut quis interdum eros. Proin tristique lectus ex, nec convallis arcu imperdiet eget. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.