/******* BLURB STYLES *******/
.b3_blurb_1 img {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
}
.b3_blurb_1 {
border: none !important;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
width: 100%;
position: relative;
z-index: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
-webkit-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
-moz-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
-o-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
}
.b3_blurb_1:hover {
box-shadow: 0 40px 100px rgb(212, 215, 217);
-webkit-box-shadow: 0 40px 100px rgb(212, 215, 217);
-moz-box-shadow: 0 40px 100px rgb(212, 215, 217);
-o-box-shadow: 0 40px 100px rgb(212, 215, 217);
}
.b3_blurb_1:hover img {
-ms-transform: scale(1.00) !important;
-webkit-transform: scale(1.00) !important;
transform: scale(1.00) !important;
-webkit-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
-moz-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
-o-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); /* custom */
}
.b3_blurb_1 .et_pb_main_blurb_image {
margin-bottom: 20px;
text-align: center;
}
/**** BLURB LINK ***/
.blurb_link {
display: block;
margin-top: 20px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
.blurb_link:hover {
letter-spacing: 1px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
/*------------------------------------------------------------------------*/
/*-------------------- BLURB RIPPLE EFFECT ------------------------------*/
/*------------------------------------------------------------------------*/
/* Ripple Out */
@-webkit-keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
@keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
.blurb-ripple-out .et-pb-icon {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.blurb-ripple-out .et-pb-icon:before {
content: '';
position: absolute;
/* This is your ripple color & size */
border: #2c94f2 solid 6px;
/* Uncomment the line below if it's a circle*/
border-radius: 50%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.blurb-ripple-out:hover .et-pb-icon:before,
.blurb-ripple-out:focus .et-pb-icon:before,
.blurb-ripple-out:active .et-pb-icon:before {
-webkit-animation-name: blurb-ripple-out;
animation-name: blurb-ripple-out;
}
مـواقع تهـمك
