Skip to content

Instantly share code, notes, and snippets.

Created May 18, 2012 18:35

Revisions

  1. @invalid-email-address Anonymous created this gist May 18, 2012.
    61 changes: 61 additions & 0 deletions dabblet.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,61 @@
    /**
    * The first commented line is your dabblet’s title
    */


    body {background: #fff;}

    @-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg) }
    100% { -webkit-transform: rotate(360deg) }}



    .star {
    background: rgb(41,115,151);
    width: 200px;
    height: 200px;
    position: absolute;
    text-align: center;
    top: 100px;
    left:33% ;
    -webkit-animation: rotate 20s linear infinite;
    }

    .text {
    color: #fff;
    position: absolute;
    top: 100px;
    left: 34%;
    width: 200px;
    height: 200px;
    font-size: 3em;
    text-align: center;
    z-index: 99;
    margin-top: 1em;
    -webkit-transform: rotate(-5deg);
    text-shadow: rgba(0,0,0,0.75) 2px 1px 2px;
    }
    .star:before, .star:after {

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    width: 200px;
    background: rgb(41,115,151);
    -webkit-animation: rotate 20s linear infinite;
    }
    .star:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    }
    .star:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    }
    4 changes: 4 additions & 0 deletions dabblet.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    <!-- content to be placed inside <body>…</body> -->

    <div class="star"></div>
    <div class="text">Buy Me Now!</div>
    1 change: 1 addition & 0 deletions settings.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}