/*************************
                    HTTPS://CLAMAM.TUMBLR.COM
                    
           FEITO POR GABRIELE EM HTTPS://CLAMAM.TUMBLR.COM
          
                 TOME VERGONHA NA CARA E NÃO COPIE.
       COPIAR SÓ FAZ DE VOCÊ UM MERDA SEM CRIATIVIDADE E TALENTO. 
         ESTUDE E VOCÊ SERÁ CAPAZ DE FAZER MUITO MAIS QUE ISSO.
            COIPIE E VOCÊ MORRERÁ ENCALHADO NO MESMO LUGAR.
                        FICA A SEU CRITÉRIO.
                        
                       
                      HTTPS://CLAMAM.TUMBLR.COM
                     *************************/


.grid{width:290px; height:auto; background:#000; display:inline-block; float:left; position:relative;}
figure.effect-bubba{opacity:1; background:rgba(0,0,0,0.97); position:relative;}
figure.effect-bubba figcaption::before{border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1);transform:scale(0,1);}
figure.effect-bubba figcaption::after{border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0);}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none;}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after{position:absolute;top:10px;right:10px;bottom:10px;left:10px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;}
.box-effect{width:100%;display:block;height:auto;}
.grid figure{position:relative;float:left;overflow:hidden;margin:0;min-width:290px;max-width:290px;max-height:auto;text-align:center;}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%; width:290px; height:auto;}
.grid figure figcaption,.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
figure.effect-bubba img{opacity:1;-webkit-transition:opacity .35s;transition:opacity .35s;}
figure.effect-bubba h3{opacity:0;padding-top:15%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-bubba:hover h3{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-bubba:hover img{background:#fff; opacity:.2;}