Created
January 14, 2012 02:22
Revisions
-
Daniel-Hug revised this gist
Apr 27, 2012 . 2 changed files with 3 additions and 8 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal 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 } This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -1 +1 @@ {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"} -
Daniel-Hug revised this gist
Apr 6, 2012 . 2 changed files with 9 additions and 5 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal 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; } .depth:after { top: 2px; left: 2px; } This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -1 +1 @@ {"view":"split","seethrough":"","prefixfree":"1","page":"css"} -
Daniel-Hug revised this gist
Jan 14, 2012 . 1 changed file with 1 addition and 0 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal 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; -
Daniel-Hug revised this gist
Jan 14, 2012 . 1 changed file with 1 addition and 1 deletion.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -1,5 +1,5 @@ /** * A "deeper" indented text effect with the :before and :after pseudo-elements. */ html, body { height: 100%; -
Daniel-Hug created this gist
Jan 14, 2012 .There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal 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; } This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -0,0 +1 @@ <h1 class="depth" title="Lorem ipsum">Lorem ipsum</h1> This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -0,0 +1 @@ {"view":"split","prefixfree":"1","page":"css"}