Skip to content

Instantly share code, notes, and snippets.

@benoitboucart

benoitboucart/dabblet.css

Created January 4, 2014 12:39
Download ZIP

Revisions

  1. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -30,7 +30,6 @@ a:hover { color: #fff; }
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(-100deg) translateZ(40px);
    }

  2. benoitboucart revised this gist Jan 4, 2014. No changes.
  3. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,7 @@ a:hover { color: #fff; }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(0deg) translateZ(40px);
    transform:rotateY(-100deg) translateZ(40px);
    }

    /* Social Media Colors
  4. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,7 @@ a:hover { color: #fff; }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(deg) translateZ(40px);
    transform:rotateY(0deg) translateZ(40px);
    }

    /* Social Media Colors
  5. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,7 @@ a:hover { color: #fff; }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(90deg) translateZ(40px);
    transform:rotateY(deg) translateZ(40px);
    }

    /* Social Media Colors
  6. benoitboucart revised this gist Jan 4, 2014. No changes.
  7. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,7 @@ a:hover { color: #fff; }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(0deg) translateZ(110px);
    transform:rotateY(90deg) translateZ(40px);
    }

    /* Social Media Colors
  8. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,7 @@ a:hover { color: #fff; }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(0deg) translateZ(40px);
    transform:rotateY(0deg) translateZ(110px);
    }

    /* Social Media Colors
  9. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,7 @@ a:hover { color: #fff; }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(90deg) translateZ(40px);
    transform:rotateY(0deg) translateZ(40px);
    }

    /* Social Media Colors
  10. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,7 @@ a:hover { color: #fff; }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(180deg) translateZ(40px);
    transform:rotateY(90deg) translateZ(40px);
    }

    /* Social Media Colors
  11. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,7 @@ a:hover { color: #fff; }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(-100deg) translateZ(40px);
    transform:rotateY(180deg) translateZ(40px);
    }

    /* Social Media Colors
  12. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -30,6 +30,7 @@ a:hover { color: #fff; }
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    left: 100px;
    transform:rotateY(-100deg) translateZ(40px);
    }

  13. benoitboucart revised this gist Jan 4, 2014. No changes.
  14. benoitboucart revised this gist Jan 4, 2014. No changes.
  15. benoitboucart revised this gist Jan 4, 2014. No changes.
  16. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -30,7 +30,7 @@ a:hover { color: #fff; }
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-200deg) translateZ(40px);
    transform:rotateY(-100deg) translateZ(40px);
    }

    /* Social Media Colors
  17. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -30,7 +30,7 @@ a:hover { color: #fff; }
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-100deg) translateZ(40px);
    transform:rotateY(-200deg) translateZ(40px);
    }

    /* Social Media Colors
  18. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,11 +26,11 @@ a:hover { color: #fff; }
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    }
    .social >.front {
    transform:translateZ(50px);
    transform:translateZ(40px);
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-100deg) translateZ(50px);
    transform:rotateY(-100deg) translateZ(40px);
    }

    /* Social Media Colors
  19. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,11 +26,11 @@ a:hover { color: #fff; }
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    }
    .social >.front {
    transform:translateZ(40px);
    transform:translateZ(50px);
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-100deg) translateZ(40px);
    transform:rotateY(-100deg) translateZ(50px);
    }

    /* Social Media Colors
  20. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,11 +26,11 @@ a:hover { color: #fff; }
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    }
    .social >.front {
    transform:translateZ(30px);
    transform:translateZ(40px);
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-100deg) translateZ(30px);
    transform:rotateY(-100deg) translateZ(40px);
    }

    /* Social Media Colors
  21. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,7 +26,7 @@ a:hover { color: #fff; }
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    }
    .social >.front {
    transform:translateZ(40px);
    transform:translateZ(30px);
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
  22. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -30,7 +30,7 @@ a:hover { color: #fff; }
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-100deg) translateZ(40px);
    transform:rotateY(-100deg) translateZ(30px);
    }

    /* Social Media Colors
  23. benoitboucart revised this gist Jan 4, 2014. No changes.
  24. benoitboucart revised this gist Jan 4, 2014. No changes.
  25. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,11 +26,11 @@ a:hover { color: #fff; }
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    }
    .social >.front {
    transform:translateZ(45px);
    transform:translateZ(40px);
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-100deg) translateZ(45px);
    transform:rotateY(-100deg) translateZ(40px);
    }

    /* Social Media Colors
  26. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -30,7 +30,7 @@ a:hover { color: #fff; }
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-100deg) translateZ(45);
    transform:rotateY(-100deg) translateZ(45px);
    }

    /* Social Media Colors
  27. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,11 +26,11 @@ a:hover { color: #fff; }
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    }
    .social >.front {
    transform:translateZ(49px);
    transform:translateZ(45px);
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-100deg) translateZ(49px);
    transform:rotateY(-100deg) translateZ(45);
    }

    /* Social Media Colors
  28. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,11 +26,11 @@ a:hover { color: #fff; }
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    }
    .social >.front {
    transform:translateZ(19px);
    transform:translateZ(49px);
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
    transform:rotateY(-100deg) translateZ(19px);
    transform:rotateY(-100deg) translateZ(49px);
    }

    /* Social Media Colors
  29. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,7 +26,7 @@ a:hover { color: #fff; }
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    }
    .social >.front {
    transform:translateZ(39px);
    transform:translateZ(19px);
    }
    .social >.back {
    background: #3B5998; font-size: 3em;
  30. benoitboucart revised this gist Jan 4, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,7 +26,7 @@ a:hover { color: #fff; }
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    }
    .social >.front {
    transform:translateZ(139px);
    transform:translateZ(39px);
    }
    .social >.back {
    background: #3B5998; font-size: 3em;