Skip to content

Instantly share code, notes, and snippets.

@danielandersson

danielandersson/apple-shadow.css

Forked from nrrrdcore/apple-shadow.css
Created August 5, 2013 23:24
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save danielandersson/6160568 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save danielandersson/6160568 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @nrrrdcore nrrrdcore revised this gist May 18, 2012. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion apple-shadow.css
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,6 @@
    -moz-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
    -webkit-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
    box-shadow: rgba(0,0,0,.30) 0 2px 3px;

    }

    .container {
  2. @nrrrdcore nrrrdcore revised this gist May 18, 2012. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions apple-shadow.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    <div class="shadow-stuff">
    <div class="container">
    </div>
    </div>
  3. @nrrrdcore nrrrdcore revised this gist May 18, 2012. No changes.
  4. @nrrrdcore nrrrdcore renamed this gist May 18, 2012. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → apple-shadow.css
    View file
    File renamed without changes.
  5. @nrrrdcore nrrrdcore created this gist May 17, 2012.
    29 changes: 29 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    .shadow-stuff {
    -moz-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px;
    -webkit-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px;
    border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px;
    -moz-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
    -webkit-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
    box-shadow: rgba(0,0,0,.30) 0 2px 3px;

    }

    .container {
    margin: 40 0 0 0;
    background-color: white;
    height: 200px;
    border: 1px solid #FFF;
    background: #F6F6F6;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(249, 249, 249, 1)),color- stop(100%,rgba(240, 240, 240, 1)));
    background: -webkit-linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
    background: -moz-linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
    background: -o-linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
    background: -ms-linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
    background: linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
    -moz-box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
    box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
    }