PATH:
home
/
letacommog
/
lavenue
/
wp-content
/
themes
/
deep
/
assets
/
dist
/
css
/
frontend
/
teaser-box
.teaser-box18 .tb18-content,.teaser-box18 .tb18-content .wn-image-box{position:relative;border-radius:4px}.teaser-box18 .tb18-content{padding:14px;background:#fff;box-shadow:0 0 40px 3px rgba(0,0,0,.05);transition:all .7s ease;-webkit-transition:all .7s ease;margin:14px}.teaser-box18 .tb18-content:hover{box-shadow:0 0 40px 3px rgba(0,0,0,.2)}.teaser-box18 .tb18-content .wn-image-box:hover:after{position:absolute;border-radius:0;content:"";top:0;left:0;bottom:0;right:0;z-index:0;-webkit-transition:all 420ms ease;-moz-transition:all 420ms ease;-ms-transition:all 420ms ease;transition:all 420ms ease;background:rgba(67,125,249,1)}.teaser-box18 .tb18-content .wn-image-box img{width:100%;border-radius:0}.teaser-box18 .tb18-content .wn-title-box{position:absolute;width:100%;top:0;height:35%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;visibility:hidden;opacity:0;z-index:2;-webkit-transition:all 230ms ease;-moz-transition:all 230ms ease;-ms-transition:all 230ms ease;transition:all 230ms ease}.teaser-box18 .tb18-content .wn-button-box,.teaser-box18 .tb18-content .wn-title-box h4{-webkit-transition:all 230ms ease;-moz-transition:all 230ms ease;-ms-transition:all 230ms ease;position:absolute}.teaser-box18 .tb18-content .wn-image-box:hover .wn-title-box{visibility:visible;opacity:1}.teaser-box18 .tb18-content .wn-title-box h4{left:0;padding-right:7%;top:50%;transform:translateY(-50%);transition:all 230ms ease;color:#fff}.teaser-box18 .tb18-content .wn-image-box:hover .wn-title-box h4{left:7%}.teaser-box18 .tb18-content .wn-button-box{padding:25px 0;text-align:center;z-index:3;top:auto;bottom:7%;right:7%;opacity:0;visibility:hidden;transition:all 230ms ease}.teaser-box18 .tb18-content .wn-image-box:hover .wn-button-box{padding:25px 0;text-align:center;position:absolute;z-index:3;top:auto;bottom:7%;right:7%;opacity:1;visibility:visible}.teaser-box18 .tb18-content .wn-button-box .wn-btn{position:relative;text-transform:none;font-size:18px;line-height:10px;font-weight:400;color:#437df9;width:50px!important;height:50px!important;letter-spacing:1px;background:#fff;margin:7px;padding:14px;min-height:1px;border-radius:4px;box-shadow:0 11px 70px -10px #004cff;-webkit-transition:all 230ms ease;-moz-transition:all 230ms ease;-ms-transition:all 230ms ease;transition:all 230ms ease;font-family:unset}.teaser-box18 .tb18-content .wn-button-box .wn-btn:hover{box-shadow:0 7px 50px -9px #333;background:#f3f3f3;color:#222}.teaser-box18 .tb18-content .wn-button-box .wn-btn i{font-size:22px;font-weight:900;margin:0;padding:0}.teaser-box18 .tb18-content .wn-button-box .wn-btn span{opacity:0;font-size:0;visibility:hidden;left:50%;transform:translateX(-50%)}.teaser-box18 .tb18-content .wn-button-box .wn-btn:hover span{opacity:1;font-size:11px;font-weight:500;text-transform:uppercase;border-radius:4px;visibility:visible;position:absolute;color:#fff;z-index:9;top:-46px;left:50%;transform:translateX(-50%);background:#292929;padding:10px 14px;-webkit-transition:all 150ms ease;-moz-transition:all 150ms ease;-ms-transition:all 150ms ease;transition:all 150ms ease;box-shadow:0 4px 30px -9px #333}.teaser-box18 .tb18-content .wn-button-box .wn-btn span:after{opacity:0;visibility:hidden;-webkit-transition:all 150ms ease;-moz-transition:all 150ms ease;-ms-transition:all 150ms ease;transition:all 150ms ease}.teaser-box18 .tb18-content .wn-button-box .wn-btn:hover span:after{position:absolute;content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #292929;bottom:-6px;left:50%;transform:translateX(-50%);opacity:1;visibility:visible}
[+]
..
[-] teaser-box4.css
[edit]
[-] teaser-box3.css
[edit]
[-] teaser-box14.css
[edit]
[-] teaser-box13.css
[edit]
[-] teaser-box2.css
[edit]
[-] teaser-box5.css
[edit]
[-] teaser-box12.css
[edit]
[-] teaser-box15.css
[edit]
[-] teaser-box16.css
[edit]
[-] teaser-box11.css
[edit]
[-] teaser-box18.css
[edit]
[-] teaser-box6.css
[edit]
[-] teaser-box1.css
[edit]
[-] teaser-box8.css
[edit]
[-] teaser-box10.css
[edit]
[-] teaser-box17.css
[edit]
[-] teaser-box9.css
[edit]
[-] teaser-box7.css
[edit]