Showing source for: https://daneden.github.io/animate.css/
Duration: 0.096246s
Server: GitHub.com

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>
   Animate.css
        </title>
        <meta charset="utf-8">
        <meta content="initial-scale=1, minimal-ui" name="viewport">
        <link href="//fonts.googleapis.com" rel="dns-prefetch">
        <link href="//code.jquery.com" rel="dns-prefetch">
        <link href="//fonts.googleapis.com/css?family=Roboto:400,100,400italic,700italic,700" rel="stylesheet" type="text/css">
        <link href="animate.min.css" rel="stylesheet">
        <link href="style.css" rel="stylesheet">
    </head>
    <body>
        <header class="site__header island">
            <div class="wrap">
                <span id="animationSandbox" style="display: block;">
                    <h1 class="site__title mega">
                        Animate.css
                    </h1>
                </span>
                <span class="beta subhead">
                    Just-add-water CSS animations
                </span>
            </div>
        </header>
        <!-- /.site__header -->
        <main class="site__content island" role="content">
            <div class="wrap">
                <form>
                    <select class="input input--dropdown js--animations">
                        <optgroup label="Attention Seekers">
                            <option value="bounce">
        bounce
                            </option>
                            <option value="flash">
                                flash
                            </option>
                            <option value="pulse">
                                pulse
                            </option>
                            <option value="rubberBand">
                                rubberBand
                            </option>
                            <option value="shake">
                                shake
                            </option>
                            <option value="swing">
                                swing
                            </option>
                            <option value="tada">
                                tada
                            </option>
                            <option value="wobble">
                                wobble
                            </option>
                            <option value="jello">
                                jello
                            </option>
                            <option value="heartBeat">
                                heartBeat
                            </option>
                        </optgroup>
                        <optgroup label="Bouncing Entrances">
                            <option value="bounceIn">
                                bounceIn
                            </option>
                            <option value="bounceInDown">
                                bounceInDown
                            </option>
                            <option value="bounceInLeft">
                                bounceInLeft
                            </option>
                            <option value="bounceInRight">
                                bounceInRight
                            </option>
                            <option value="bounceInUp">
                                bounceInUp
                            </option>
                        </optgroup>
                        <optgroup label="Bouncing Exits">
                            <option value="bounceOut">
                                bounceOut
                            </option>
                            <option value="bounceOutDown">
                                bounceOutDown
                            </option>
                            <option value="bounceOutLeft">
                                bounceOutLeft
                            </option>
                            <option value="bounceOutRight">
                                bounceOutRight
                            </option>
                            <option value="bounceOutUp">
                                bounceOutUp
                            </option>
                        </optgroup>
                        <optgroup label="Fading Entrances">
                            <option value="fadeIn">
                                fadeIn
                            </option>
                            <option value="fadeInDown">
                                fadeInDown
                            </option>
                            <option value="fadeInDownBig">
                                fadeInDownBig
                            </option>
                            <option value="fadeInLeft">
                                fadeInLeft
                            </option>
                            <option value="fadeInLeftBig">
                                fadeInLeftBig
                            </option>
                            <option value="fadeInRight">
                                fadeInRight
                            </option>
                            <option value="fadeInRightBig">
                                fadeInRightBig
                            </option>
                            <option value="fadeInUp">
                                fadeInUp
                            </option>
                            <option value="fadeInUpBig">
                                fadeInUpBig
                            </option>
                        </optgroup>
                        <optgroup label="Fading Exits">
                            <option value="fadeOut">
                                fadeOut
                            </option>
                            <option value="fadeOutDown">
                                fadeOutDown
                            </option>
                            <option value="fadeOutDownBig">
                                fadeOutDownBig
                            </option>
                            <option value="fadeOutLeft">
                                fadeOutLeft
                            </option>
                            <option value="fadeOutLeftBig">
                                fadeOutLeftBig
                            </option>
                            <option value="fadeOutRight">
                                fadeOutRight
                            </option>
                            <option value="fadeOutRightBig">
                                fadeOutRightBig
                            </option>
                            <option value="fadeOutUp">
                                fadeOutUp
                            </option>
                            <option value="fadeOutUpBig">
                                fadeOutUpBig
                            </option>
                        </optgroup>
                        <optgroup label="Flippers">
                            <option value="flip">
                                flip
                            </option>
                            <option value="flipInX">
                                flipInX
                            </option>
                            <option value="flipInY">
                                flipInY
                            </option>
                            <option value="flipOutX">
                                flipOutX
                            </option>
                            <option value="flipOutY">
                                flipOutY
                            </option>
                        </optgroup>
                        <optgroup label="Lightspeed">
                            <option value="lightSpeedIn">
                                lightSpeedIn
                            </option>
                            <option value="lightSpeedOut">
                                lightSpeedOut
                            </option>
                        </optgroup>
                        <optgroup label="Rotating Entrances">
                            <option value="rotateIn">
                                rotateIn
                            </option>
                            <option value="rotateInDownLeft">
                                rotateInDownLeft
                            </option>
                            <option value="rotateInDownRight">
                                rotateInDownRight
                            </option>
                            <option value="rotateInUpLeft">
                                rotateInUpLeft
                            </option>
                            <option value="rotateInUpRight">
                                rotateInUpRight
                            </option>
                        </optgroup>
                        <optgroup label="Rotating Exits">
                            <option value="rotateOut">
                                rotateOut
                            </option>
                            <option value="rotateOutDownLeft">
                                rotateOutDownLeft
                            </option>
                            <option value="rotateOutDownRight">
                                rotateOutDownRight
                            </option>
                            <option value="rotateOutUpLeft">
                                rotateOutUpLeft
                            </option>
                            <option value="rotateOutUpRight">
                                rotateOutUpRight
                            </option>
                        </optgroup>
                        <optgroup label="Sliding Entrances">
                            <option value="slideInUp">
                                slideInUp
                            </option>
                            <option value="slideInDown">
                                slideInDown
                            </option>
                            <option value="slideInLeft">
                                slideInLeft
                            </option>
                            <option value="slideInRight">
                                slideInRight
                            </option>
                        </optgroup>
                        <optgroup label="Sliding Exits">
                            <option value="slideOutUp">
                                slideOutUp
                            </option>
                            <option value="slideOutDown">
                                slideOutDown
                            </option>
                            <option value="slideOutLeft">
                                slideOutLeft
                            </option>
                            <option value="slideOutRight">
                                slideOutRight
                            </option>
                        </optgroup>
                        <optgroup label="Zoom Entrances">
                            <option value="zoomIn">
                                zoomIn
                            </option>
                            <option value="zoomInDown">
                                zoomInDown
                            </option>
                            <option value="zoomInLeft">
                                zoomInLeft
                            </option>
                            <option value="zoomInRight">
                                zoomInRight
                            </option>
                            <option value="zoomInUp">
                                zoomInUp
                            </option>
                        </optgroup>
                        <optgroup label="Zoom Exits">
                            <option value="zoomOut">
                                zoomOut
                            </option>
                            <option value="zoomOutDown">
                                zoomOutDown
                            </option>
                            <option value="zoomOutLeft">
                                zoomOutLeft
                            </option>
                            <option value="zoomOutRight">
                                zoomOutRight
                            </option>
                            <option value="zoomOutUp">
                                zoomOutUp
                            </option>
                        </optgroup>
                        <optgroup label="Specials">
                            <option value="hinge">
                                hinge
                            </option>
                            <option value="jackInTheBox">
                                jackInTheBox
                            </option>
                            <option value="rollIn">
                                rollIn
                            </option>
                            <option value="rollOut">
                                rollOut
                            </option>
                        </optgroup>
                    </select>
                    <button class="butt js--triggerAnimation">
                        Animate it
                    </button>
                </form>
                <hr>
                <p class="meta">
                    <a download="animate.css" href="https://raw.github.com/daneden/animate.css/master/animate.css">
                        Download Animate.css
                    </a>
                    or
                    <a href="//github.com/daneden/animate.css">
                        View on GitHub
                    </a>
                </p>
                <p>
                    <small>
                        Another thing from
                        <a href="//daneden.me">
                            Daniel Eden
                        </a>
                        .
                    </small>
                </p>
            </div>
        </main>
        <!-- /.site__content -->
        <aside class="motionless__banner">
            <p class="motionless__paragraph">
                <b>
     Hey!
                </b>
                It seems that you have animations disabled on your OS, turning Animate.css off.
                <br>
                From v3.7.0 and up Animate.css supports the
                <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" rel="noopener noreferrer" target="_blank" title="prefers-reduced-motion CSS media feature on MDN">
                    prefers-reduced-motion CSS media feature
                </a>
                .
    You can read more about it
                <a href="https://developers.google.com/web/updates/2019/03/prefers-reduced-motion" rel="noopener noreferrer" target="_blank" title="Move Ya! Or maybe, don't, if the user prefers-reduced-motion! on Google Developers">
                    here
                </a>
                .
            </p>
        </aside>
        <script src="//code.jquery.com/jquery-1.10.2.min.js">
        </script>
        <script>
            function testAnim(x) {
                $('#animationSandbox').removeClass().addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
                    $(this).removeClass();
                });
            }
            ;
            $(document).ready(function() {
                $('.js--triggerAnimation').click(function(e) {
                    e.preventDefault();
                    var anim = $('.js--animations').val();
                    testAnim(anim);
                });
                $('.js--animations').change(function() {
                    var anim = $(this).val();
                    testAnim(anim);
                });
            });
        </script>
    </body>
</html>

Latest requests

# Url Url Source Date
1 https://daneden.github.io/animate.… 2019-12-12 19:45:18
2 https://obagimedical.com.vn/collec… 2019-12-12 19:45:13
3 http://notices.x10hosting.com/susp… 2019-12-12 19:45:00
4 https://www.windowscentral.com/how… 2019-12-12 19:44:53
5 https://daftsex.com/watch/-1775251… 2019-12-12 19:44:45
6 https://gtmetrix.com/ 2019-12-12 19:44:21
7 https://stackoverflow.com/ 2019-12-12 19:44:15
8 https://viewhtmlonline.com/ 2019-12-12 19:44:09
9 http://tknws.x10host.com/cgi-sys/s… 2019-12-12 19:44:04
10 http://dizim.org/2019/07/19/la-cas… 2019-12-12 19:43:58
11 https://www.360.cn/ 2019-12-12 19:43:42
12 https://gruposwhats.top/ 2019-12-12 19:43:32
13 https://news.ycombinator.com/ 2019-12-12 19:43:25
14 https://www.spotify.com/uk/ 2019-12-12 19:43:06
15 http://web.archive.org/web/2008010… 2019-12-12 19:42:57
16 https://soundcloud.com/ 2019-12-12 19:42:48
17 http://candidgirls.io/v/e917516c79 2019-12-12 19:42:40
18 https://free-ss.site/ 2019-12-12 19:41:58
19 https://xbay.me/view.php?title=Por… 2019-12-12 19:41:51
20 https://www.apple.com/nl/ 2019-12-12 19:27:53