gallery.min.css
| 29.6 KB | Satir:
0
| css
Geri
.gallery-thumbnail{max-width:100%;height:auto}.grid-item,.grid-sizer{width:20%}.grid-item figure,.grid-item>div{margin:.4rem}@media screen and (max-width:2200px){.grid-item,.grid-sizer{width:20%}}@media screen and (max-width:1800px){.grid-item,.grid-sizer{width:30%}}@media screen and (max-width:1600px){.grid-item,.grid-sizer{width:33.33%}}@media screen and (max-width:1224px){.grid-item,.grid-sizer{width:33.33%}}@media screen and (max-width:980px){.grid-item,.grid-sizer{width:50%}}@media screen and (max-width:720px){.grid-item,.grid-sizer{width:50%}}@media screen and (max-width:480px){.grid-item,.grid-sizer{width:100%}}.grid-hover{position:relative;margin:0 auto;padding:1em 0 4em;list-style:none}.grid-hover figure{position:relative;overflow:hidden;margin:10px 1%;min-width:320px;max-width:480px;max-height:360px;background:#3085a3;text-align:center;cursor:pointer}.grid-hover figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}.grid-hover figure figcaption{padding:2em;color:#fff;font-size:1.25em;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%}figure.effect-milo img,figure.effect-sarah img{max-width:none;-webkit-backface-visibility:hidden}.grid-hover figure figcaption::after,.grid-hover figure figcaption::before{pointer-events:none}.grid-hover figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid-hover figure h2{word-spacing:-.15em;font-weight:300;margin:0;color:#fff}.grid-hover figure h2 span{font-weight:800}.grid-hover figure p{margin:0;letter-spacing:1px;font-size:68.5%}figure.effect-lily img{max-width:none;width:-webkit-calc(100% + 50px);width:-moz-calc(100% + 50px);width:calc(100% + 50px);opacity:.7;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-40px,0,0);-moz-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}figure.effect-lily figcaption{text-align:left}figure.effect-lily figcaption>div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:50%}figure.effect-lily h2{-webkit-transform:translate3d(0,40px,0);-moz-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s}figure.effect-lily p{-webkit-transform:translate3d(0,40px,0);-moz-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);color:rgba(255,255,255,.8);opacity:0;-webkit-transition:opacity .2s,-webkit-transform .35s;-moz-transition:opacity .2s,-moz-transform .35s;-o-transition:opacity .2s,-o-transform .35s;transition:opacity .2s,transform .35s}figure.effect-lily:hover img,figure.effect-lily:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}figure.effect-lily:hover img{transform:translate3d(0,0,0)}figure.effect-lily:hover p{transform:translate3d(0,0,0);-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}figure.effect-sadie figcaption::before,figure.effect-sadie p{-webkit-transition:opacity .35s,-webkit-transform .35s;-o-transition:opacity .35s,-o-transform .35s;position:absolute;left:0;width:100%;opacity:0}figure.effect-lily:hover h2{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-sadie figcaption::before{top:0;height:100%;background:-webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);background:-webkit-gradient(linear,left top,left bottom,from(rgba(72,76,97,0)),color-stop(75%,rgba(72,76,97,.8)));background:-moz-linear-gradient(top,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);background:-o-linear-gradient(top,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);background:linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);content:'';-webkit-transform:translate3d(0,50%,0);-moz-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);-moz-transition:opacity .35s,-moz-transform .35s;transition:opacity .35s,transform .35s}figure.effect-sadie h2{position:absolute;top:50%;left:0;width:100%;color:#484c61;-webkit-transition:-webkit-transform .35s,color .35s;-moz-transition:-moz-transform .35s,color .35s;-o-transition:-o-transform .35s,color .35s;transition:transform .35s,color .35s;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}figure.effect-sadie p{-moz-transition:opacity .35s,-moz-transform .35s;transition:opacity .35s,transform .35s;bottom:0;padding:2em;-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}figure.effect-roxy figcaption::before,figure.effect-roxy img{-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s}figure.effect-bubba figcaption::after,figure.effect-bubba figcaption::before,figure.effect-roxy figcaption::before{top:30px;bottom:30px;left:30px;right:30px;position:absolute;content:''}figure.effect-sadie:hover h2{color:#fff;-webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);-moz-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);transform:translate3d(0,-50%,0) translate3d(0,-40px,0)}figure.effect-sadie:hover figcaption::before,figure.effect-sadie:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-roxy{background:-webkit-linear-gradient(45deg,#ff89e9 0,#05abe0 100%);background:-moz-linear-gradient(45deg,#ff89e9 0,#05abe0 100%);background:-o-linear-gradient(45deg,#ff89e9 0,#05abe0 100%);background:linear-gradient(45deg,#ff89e9 0,#05abe0 100%)}figure.effect-roxy img{max-width:none;width:-webkit-calc(100% + 60px);width:-moz-calc(100% + 60px);width:calc(100% + 60px);transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}figure.effect-roxy figcaption{padding:3em;text-align:left}figure.effect-roxy figcaption::before{border:1px solid #fff;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}figure.effect-bubba figcaption::before,figure.effect-roxy p{-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s}figure.effect-roxy h2{padding:30% 0 10px}figure.effect-roxy p{opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}figure.effect-roxy:hover img{opacity:.7;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-roxy:hover figcaption::before,figure.effect-roxy:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-bubba{background:#9e5406}figure.effect-bubba img{opacity:.7;-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s}figure.effect-bubba:hover img{opacity:.4}figure.effect-bubba:hover figcaption::after,figure.effect-bubba:hover figcaption::before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}figure.effect-bubba:hover h2,figure.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-bubba figcaption::before{opacity:0;transition:opacity .35s,transform .35s;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1)}figure.effect-bubba figcaption::after{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}figure.effect-bubba h2,figure.effect-romeo h2{-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s}figure.effect-bubba h2{padding-top:30%;transition:transform .35s;-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}figure.effect-bubba p,figure.effect-romeo img{-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s}figure.effect-bubba p{padding:20px 2.5em;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}figure.effect-romeo{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}figure.effect-romeo img{transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,0,300px);-moz-transform:translate3d(0,0,300px);transform:translate3d(0,0,300px)}figure.effect-romeo:hover img{opacity:.6;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-romeo:hover figcaption::before{opacity:.5;-webkit-transform:translate3d(-50%,-50%,0) rotate(45deg);-moz-transform:translate3d(-50%,-50%,0) rotate(45deg);transform:translate3d(-50%,-50%,0) rotate(45deg)}figure.effect-romeo:hover figcaption::after{opacity:.5;-webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg);-moz-transform:translate3d(-50%,-50%,0) rotate(-45deg);transform:translate3d(-50%,-50%,0) rotate(-45deg)}figure.effect-romeo:hover h2{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-100%,0);-moz-transform:translate3d(0,-50%,0) translate3d(0,-100%,0);transform:translate3d(0,-50%,0) translate3d(0,-100%,0)}figure.effect-romeo:hover p{-webkit-transform:translate3d(0,-50%,0) translate3d(0,100%,0);-moz-transform:translate3d(0,-50%,0) translate3d(0,100%,0);transform:translate3d(0,-50%,0) translate3d(0,100%,0)}figure.effect-romeo figcaption::after,figure.effect-romeo figcaption::before{position:absolute;top:50%;left:50%;width:80%;height:1px;background:#fff;content:'';-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}figure.effect-romeo h2{position:absolute;top:50%;left:0;width:100%;transition:transform .35s;-webkit-transform:translate3d(0,-50%,0) translate3d(0,-150%,0);-moz-transform:translate3d(0,-50%,0) translate3d(0,-150%,0);transform:translate3d(0,-50%,0) translate3d(0,-150%,0)}figure.effect-romeo p{position:absolute;top:50%;left:0;width:100%;-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;padding:.25em 2em;-webkit-transform:translate3d(0,-50%,0) translate3d(0,150%,0);-moz-transform:translate3d(0,-50%,0) translate3d(0,150%,0);transform:translate3d(0,-50%,0) translate3d(0,150%,0)}figure.effect-layla figcaption::before,figure.effect-layla img{-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s}figure.effect-layla{background:#18a367}figure.effect-layla img{height:390px;-webkit-transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);transition:opacity .35s,transform .35s}figure.effect-layla figcaption{padding:3em}figure.effect-layla figcaption::before{position:absolute;content:'';opacity:0;top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;transition:opacity .35s,transform .35s}figure.effect-layla figcaption::after{position:absolute;content:'';opacity:0;top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s}figure.effect-honey h2,figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0)}figure.effect-honey figcaption::before,figure.effect-layla h2{-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s}figure.effect-layla h2{padding-top:26%;transition:transform .35s;transform:translate3d(0,-30px,0)}figure.effect-layla p{padding:.5em 2em;text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s}figure.effect-layla:hover figcaption::after,figure.effect-layla:hover img{-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s}figure.effect-layla:hover img{opacity:.7;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-delay:.15s}figure.effect-layla:hover figcaption::before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}figure.effect-layla:hover figcaption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition-delay:.15s}figure.effect-layla:hover h2,figure.effect-layla:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}figure.effect-honey{background:#4a3753}figure.effect-honey img{opacity:.9;-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s}figure.effect-honey:hover img{opacity:.5}figure.effect-honey:hover figcaption::before,figure.effect-honey:hover h2,figure.effect-honey:hover h2 i{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-honey figcaption::before{position:absolute;bottom:0;left:0;width:100%;height:10px;background:#fff;content:'';-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);transition:transform .35s}figure.effect-honey h2{position:absolute;bottom:0;left:0;padding:1em 1.5em;width:100%;text-align:left;transform:translate3d(0,-30px,0);-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s}figure.effect-honey h2 i{font-style:normal;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}figure.effect-oscar{background:-webkit-linear-gradient(45deg,#22682a 0,#9b4a1b 40%,#3a342a 100%);background:-moz-linear-gradient(45deg,#22682a 0,#9b4a1b 40%,#3a342a 100%);background:-o-linear-gradient(45deg,#22682a 0,#9b4a1b 40%,#3a342a 100%);background:linear-gradient(45deg,#22682a 0,#9b4a1b 40%,#3a342a 100%)}figure.effect-oscar img{opacity:.9;-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s}figure.effect-oscar figcaption{padding:3em;background-color:rgba(58,52,42,.7);-webkit-transition:background-color .35s;-moz-transition:background-color .35s;-o-transition:background-color .35s;transition:background-color .35s}figure.effect-oscar figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}figure.effect-oscar h2{margin:20% 0 10px;-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}figure.effect-oscar p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}figure.effect-marley:hover h2,figure.effect-oscar:hover h2{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}figure.effect-oscar:hover h2{transform:translate3d(0,0,0)}figure.effect-oscar:hover figcaption{background-color:rgba(58,52,42,0)}figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}figure.effect-oscar:hover img{opacity:.4}figure.effect-marley figcaption{text-align:right}figure.effect-marley h2{position:absolute;right:30px;left:30px;padding:10px 0;top:30px;-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}figure.effect-marley h2::after,figure.effect-marley p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;position:absolute}figure.effect-marley h2::after{top:100%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);-moz-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);transition:opacity .35s,transform .35s}figure.effect-marley p{right:30px;left:30px;padding:10px 0;bottom:30px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition:opacity .35s,transform .35s}figure.effect-marley:hover h2{transform:translate3d(0,0,0)}figure.effect-marley:hover h2::after,figure.effect-marley:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-ruby{background-color:#17819c}figure.effect-ruby img{opacity:.7;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}figure.effect-chico:hover img,figure.effect-ruby:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}figure.effect-ruby:hover img{opacity:.5;transform:scale(1)}figure.effect-ruby:hover h2{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-ruby:hover p{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}figure.effect-ruby h2{margin-top:20%;-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}figure.effect-milo img,figure.effect-ruby p{-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s}figure.effect-ruby p{margin:1em 0 0;padding:3em;border:1px solid #fff;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,20px,0) scale(1.1);-moz-transform:translate3d(0,20px,0) scale(1.1);transform:translate3d(0,20px,0) scale(1.1)}figure.effect-milo{background:#2e5d5a}figure.effect-milo img{width:-webkit-calc(100% + 60px);width:-moz-calc(100% + 60px);width:calc(100% + 60px);opacity:1;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-30px,0,0) scale(1.12);-moz-transform:translate3d(-30px,0,0) scale(1.12);transform:translate3d(-30px,0,0) scale(1.12);-moz-backface-visibility:hidden;backface-visibility:hidden}figure.effect-dexter p,figure.effect-milo p{-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s}figure.effect-milo:hover img{opacity:.5;-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}figure.effect-milo:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-milo h2{position:absolute;right:0;bottom:0;padding:1em 1.2em}figure.effect-milo p{padding:0 10px 0 0;width:50%;border-right:1px solid #fff;text-align:right;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-40px,0,0);-moz-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}figure.effect-dexter{background:-webkit-linear-gradient(top,#258dc8 0,#683c13 100%);background:-webkit-gradient(linear,left top,left bottom,from(#258dc8),to(#683c13));background:-moz-linear-gradient(top,#258dc8 0,#683c13 100%);background:-o-linear-gradient(top,#258dc8 0,#683c13 100%);background:linear-gradient(to bottom,#258dc8 0,#683c13 100%)}figure.effect-dexter img{-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s}figure.effect-dexter:hover img{opacity:.4}figure.effect-dexter:hover figcaption::after{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-dexter:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-dexter figcaption{padding:3em;text-align:left}figure.effect-dexter figcaption::after{position:absolute;right:30px;bottom:30px;left:30px;height:-webkit-calc(50% - 30px);height:-moz-calc(50% - 30px);height:calc(50% - 30px);border:7px solid #fff;content:'';-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}figure.effect-dexter p{position:absolute;right:60px;bottom:60px;left:60px;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,-100px,0);-moz-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}figure.effect-sarah{background:#42b078}figure.effect-sarah img{width:-webkit-calc(100% + 20px);width:-moz-calc(100% + 20px);width:calc(100% + 20px);-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-moz-backface-visibility:hidden;backface-visibility:hidden}figure.effect-sarah:hover h2::after,figure.effect-sarah:hover img{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}figure.effect-sarah:hover img{opacity:.4;transform:translate3d(0,0,0)}figure.effect-sarah:hover h2::after{transform:translate3d(0,0,0)}figure.effect-sarah:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-sarah figcaption{text-align:left}figure.effect-sarah h2{position:relative;overflow:hidden;padding:.5em 0}figure.effect-sarah h2::after{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff;content:'';-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}figure.effect-sarah p{padding:1em 0;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}figure.effect-zoe figcaption,figure.effect-zoe h2{-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s}figure.effect-zoe figcaption{top:auto;bottom:0;padding:1em;height:3.75em;background:#fff;color:#3c4a50;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}figure.effect-zoe h2{float:left;transition:transform .35s;-webkit-transform:translate3d(0,200%,0);-moz-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0);display:inline-block}figure.effect-zoe p.icon-links a{float:right;color:#3c4a50;font-size:1.4em;-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,200%,0);-moz-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}figure.effect-zoe p.icon-links a span::before{display:inline-block;padding:8px 10px;font-family:feathericons;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}figure.effect-zoe:hover p.icon-links a{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-zoe:hover p.icon-links a:focus,figure.effect-zoe:hover p.icon-links a:hover{color:#252d31}figure.effect-zoe:hover p.icon-links a:nth-child(3){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}figure.effect-zoe:hover p.icon-links a:nth-child(2){-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}figure.effect-zoe:hover p.icon-links a:first-child{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}figure.effect-zoe:hover p.description{opacity:1}figure.effect-zoe:hover figcaption{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-zoe:hover h2{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}figure.effect-zoe p.description{position:absolute;bottom:8em;padding:2em;color:#fff;text-transform:none;font-size:90%;opacity:0;-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s;-webkit-backface-visibility:hidden}figure.effect-chico figcaption::before,figure.effect-chico img{-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s}.icon-eye::before{content:'\e087'}.icon-paper-clip::before{content:'\e093'}.icon-heart::before{content:'\e08a'}figure.effect-chico img{transition:opacity .35s,transform .35s;-webkit-transform:scale(1.12);-moz-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);transform:scale(1.12)}figure.effect-chico:hover img{opacity:.5;transform:scale(1)}figure.effect-chico:hover figcaption::before,figure.effect-chico:hover p{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}figure.effect-chico figcaption{padding:3em}figure.effect-chico figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity:0;transition:opacity .35s,transform .35s}figure.effect-chico p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s;margin:0 auto;max-width:200px;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}figure.effect-chico h2{padding:20% 0 20px}@media screen and (max-width:50em){.content{padding:0 10px}.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}}
Kaydet
Ctrl+S ile kaydet