Skip to content

Instantly share code, notes, and snippets.

@Daniel-Hug
Created January 14, 2012 02:22

Revisions

  1. Daniel-Hug revised this gist Apr 27, 2012. 2 changed files with 3 additions and 8 deletions.
    9 changes: 2 additions & 7 deletions dabblet.css
    Original file line number Diff line number Diff line change
    @@ -28,10 +28,5 @@ body {
    position: absolute;
    }

    .depth:before {
    top: 1px; left: 1px;
    }

    .depth:after {
    top: 2px; left: 2px;
    }
    .depth:before { top: 1px; left: 1px }
    .depth:after { top: 2px; left: 2px }
    2 changes: 1 addition & 1 deletion settings.json
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"view":"split","seethrough":"","prefixfree":"1","page":"css"}
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
  2. Daniel-Hug revised this gist Apr 6, 2012. 2 changed files with 9 additions and 5 deletions.
    12 changes: 8 additions & 4 deletions dabblet.css
    Original file line number Diff line number Diff line change
    @@ -1,33 +1,37 @@
    /**
    * A "deeper" indented text effect with the :before and :after pseudo-elements.
    */

    html, body {
    height: 100%;
    }

    body {
    margin: 0;
    background: #0A539C;
    background: linear-gradient(top, #4293d6 0%,#001e96 100%);
    overflow: hidden;
    }

    .depth {
    display: block;
    padding: 50px;
    color: black;
    font: bold 7em Arial, sans-serif;
    position: relative;
    }

    .depth:before, .depth:after {
    content: attr(title);
    padding: 50px;
    color: rgba(255,255,255,.1);
    position: absolute;
    }

    .depth:before {
    top: 1px;
    left: 1px;
    top: 1px; left: 1px;
    }

    .depth:after {
    top: 2px;
    left: 2px;
    top: 2px; left: 2px;
    }
    2 changes: 1 addition & 1 deletion settings.json
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"view":"split","prefixfree":"1","page":"css"}
    {"view":"split","seethrough":"","prefixfree":"1","page":"css"}
  3. Daniel-Hug revised this gist Jan 14, 2012. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions dabblet.css
    Original file line number Diff line number Diff line change
    @@ -8,6 +8,7 @@ body {
    margin: 0;
    background: #0A539C;
    background: linear-gradient(top, #4293d6 0%,#001e96 100%);
    overflow: hidden;
    }
    .depth {
    display: block;
  4. Daniel-Hug revised this gist Jan 14, 2012. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    /**
    * A "deeper" indented text effect with CSS3 text-shadow and the :before and :after pseudo-elements.
    * A "deeper" indented text effect with the :before and :after pseudo-elements.
    */
    html, body {
    height: 100%;
  5. Daniel-Hug created this gist Jan 14, 2012.
    32 changes: 32 additions & 0 deletions dabblet.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,32 @@
    /**
    * A "deeper" indented text effect with CSS3 text-shadow and the :before and :after pseudo-elements.
    */
    html, body {
    height: 100%;
    }
    body {
    margin: 0;
    background: #0A539C;
    background: linear-gradient(top, #4293d6 0%,#001e96 100%);
    }
    .depth {
    display: block;
    padding: 50px;
    color: black;
    font: bold 7em Arial, sans-serif;
    position: relative;
    }
    .depth:before, .depth:after {
    content: attr(title);
    padding: 50px;
    color: rgba(255,255,255,.1);
    position: absolute;
    }
    .depth:before {
    top: 1px;
    left: 1px;
    }
    .depth:after {
    top: 2px;
    left: 2px;
    }
    1 change: 1 addition & 0 deletions dabblet.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <h1 class="depth" title="Lorem ipsum">Lorem ipsum</h1>
    1 change: 1 addition & 0 deletions settings.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split","prefixfree":"1","page":"css"}