Skip to content

Instantly share code, notes, and snippets.

@krishna2nd

krishna2nd/dabblet.css

Forked from htmlr/dabblet.css
Created July 18, 2018 07:01
Show Gist options

  • Select an option

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

Select an option

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

Revisions

  1. @htmlr htmlr revised this gist Mar 28, 2012. 2 changed files with 2 additions and 3 deletions.
    4 changes: 2 additions & 2 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    /**
    * The first commented line is your dabblet’s title
    * CSS 3 Reflection with Box Shadow
    */

    figure {
    @@ -26,4 +26,4 @@ figure:after {
    background:transparent;
    -webkit-box-shadow: inset 0 0 10px #000000;

    }
    }
    1 change: 0 additions & 1 deletion settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +0,0 @@
    {"view":"split","seethrough":"","prefixfree":"1","page":"css"}
  2. @htmlr htmlr created this gist Mar 28, 2012.
    29 changes: 29 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    /**
    * The first commented line is your dabblet’s title
    */

    figure {
    position:relative;
    display:block;
    width:96px;
    }

    figure img {
    display:block;
    position:relative;
    z-index:0;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
    }

    figure:after {
    position:absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    content: "";
    z-index: 1;
    background:transparent;
    -webkit-box-shadow: inset 0 0 10px #000000;

    }
    1 change: 1 addition & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <figure><img src="https://lh5.googleusercontent.com/-E091xDYZfy8/AAAAAAAAAAI/AAAAAAAAAAA/7ghMV2NsSjk/s96-c/photo.jpg" width="96" height="96" alt="(photo)" /></figure>
    1 change: 1 addition & 0 deletions settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split","seethrough":"","prefixfree":"1","page":"css"}