Skip to content

Instantly share code, notes, and snippets.

/dabblet.css

Created December 13, 2012 07:01
Show Gist options
  • Save anonymous/4274657 to your computer and use it in GitHub Desktop.
Save anonymous/4274657 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @invalid-email-address Anonymous created this gist Dec 13, 2012.
    17 changes: 17 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    /* Pounding heart animation */

    @keyframes pound {
    from { transform: none; }
    50% { transform: scale(1.4); }
    to { transform: none; }
    }

    .heart {
    display: inline-block;
    font-size: 150px;
    color: #e00;
    animation: pound .5s infinite;
    transform-origin: center;
    }

    body { text-align: center; }
    1 change: 1 addition & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <div class="heart">&#x2665;</div>
    1 change: 1 addition & 0 deletions dabblet.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    // alert('Hello world!');
    1 change: 1 addition & 0 deletions settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}