Skip to content

Instantly share code, notes, and snippets.

@Adwelll

Adwelll/box-shadow.html

Forked from ocean90/box-shadow.html
Last active September 3, 2015 16:42
Show Gist options
  • Save Adwelll/b54d1a47c3773e6be95b to your computer and use it in GitHub Desktop.
Save Adwelll/b54d1a47c3773e6be95b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @ocean90 ocean90 revised this gist Nov 27, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions box-shadow.html
    View file
    Original file line number Diff line number Diff line change
    @@ -16,15 +16,15 @@
    }

    .right {
    box-shadow: -5px 0 5px -5px #333;
    box-shadow: 5px 0 5px -5px #333;
    }

    .bottom {
    box-shadow: 0 5px 5px -5px #333;
    }

    .left {
    box-shadow: 5px 0 5px -5px #333;
    box-shadow: -5px 0 5px -5px #333;
    }

    .all {
  2. @ocean90 ocean90 revised this gist Oct 6, 2011. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion box-shadow.html
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    <head>
    <title>Box Shadow</title>

    <style type="text/css">
    <style>
    .box {
    height: 150px;
    width: 300px;
  3. @ocean90 ocean90 revised this gist Oct 6, 2011. 1 changed file with 28 additions and 28 deletions.
    56 changes: 28 additions & 28 deletions box-shadow.html
    View file
    Original file line number Diff line number Diff line change
    @@ -3,33 +3,33 @@
    <head>
    <title>Box Shadow</title>

    <style>
    .box {
    height: 150px;
    width: 300px;
    margin: 20px;
    border: 1px solid #ccc;
    }

    .top {
    box-shadow: 0 -5px 5px -5px #333;
    }

    .right {
    box-shadow: -5px 0 5px -5px #333;
    }

    .bottom {
    box-shadow: 0 5px 5px -5px #333;
    }

    .left {
    box-shadow: 5px 0 5px -5px #333;
    }

    .all {
    box-shadow: 0 0 5px #333;
    }
    <style type="text/css">
    .box {
    height: 150px;
    width: 300px;
    margin: 20px;
    border: 1px solid #ccc;
    }
    .top {
    box-shadow: 0 -5px 5px -5px #333;
    }
    .right {
    box-shadow: -5px 0 5px -5px #333;
    }
    .bottom {
    box-shadow: 0 5px 5px -5px #333;
    }
    .left {
    box-shadow: 5px 0 5px -5px #333;
    }
    .all {
    box-shadow: 0 0 5px #333;
    }
    </style>
    </head>
    <body>
    @@ -39,4 +39,4 @@
    <div class="box left"></div>
    <div class="box all"></div>
    </body>
    </html>
    </html>
  4. @ocean90 ocean90 revised this gist Oct 6, 2011. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion box-shadow.html
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,6 @@
    <title>Box Shadow</title>

    <style>
    /* Shadow Top */
    .box {
    height: 150px;
    width: 300px;
  5. @ocean90 ocean90 created this gist Oct 6, 2011.
    43 changes: 43 additions & 0 deletions box-shadow.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,43 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>Box Shadow</title>

    <style>
    /* Shadow Top */
    .box {
    height: 150px;
    width: 300px;
    margin: 20px;
    border: 1px solid #ccc;
    }

    .top {
    box-shadow: 0 -5px 5px -5px #333;
    }

    .right {
    box-shadow: -5px 0 5px -5px #333;
    }

    .bottom {
    box-shadow: 0 5px 5px -5px #333;
    }

    .left {
    box-shadow: 5px 0 5px -5px #333;
    }

    .all {
    box-shadow: 0 0 5px #333;
    }
    </style>
    </head>
    <body>
    <div class="box top"></div>
    <div class="box right"></div>
    <div class="box bottom"></div>
    <div class="box left"></div>
    <div class="box all"></div>
    </body>
    </html>