Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 19th, 2012  |  syntax: None  |  size: 1.07 KB  |  hits: 7  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. figure {
  2.         box-shadow: 0 18px 5px -18px rgba(0,0,0,.8), 0 12px 8px -12px rgba(0,0,0,.6);
  3.         margin: 0 auto;
  4.         overflow: hidden;
  5.         padding-bottom: 10px;
  6.         position: relative;
  7.         width: 300px;
  8. }
  9.  
  10. figure img {
  11.         width: 100%;
  12.         position: relative;
  13.         z-index: 3;
  14. }
  15.  
  16. figure:before, figure:after {
  17.         background: rgba(0,0,0,.5);
  18.         box-shadow: 0 0 10px 10px rgba(0,0,0,.5);
  19.         bottom: 10px;
  20.         content: '';
  21.         height: 35px;
  22.         left: 50%;
  23.         margin-left: -115px;
  24.         position: absolute;
  25.         transform-origin: 50% 100%;
  26.         transform-style: preserve-3d;
  27.         transform: matrix3d(1, 0, 0, 0,
  28.                             0, 1, 0, -0.01,
  29.                             0, 0, 1, 0,
  30.                             0, 0, 0, 1);
  31.         width: 230px;
  32.         z-index: 1;
  33.  
  34. }
  35.  
  36.  
  37. figure:after {
  38.         background: rgba(0,0,0,.6);
  39.         bottom: 10px;
  40.         box-shadow: 0 0 10px 10px rgba(0,0,0,.6);
  41.         content: '';
  42.         height:8px;
  43.         left: 50%;
  44.         margin: 0 0 0 -100px;
  45.         position: absolute;
  46.         transform: matrix3d(1, 0, 0, 0,
  47.                             0, 1, 0, -0.02,
  48.                             0, 0, 1, 0,
  49.                             0, 0, 0, 1);
  50.         width: 200px;
  51.         z-index: 2;
  52. }
create a new version of this paste RAW Paste Data