/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/utilities
Edit: /var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/utilities/_effects.scss (2567B)
.effect-scale {
.image,
figure {
overflow: hidden;
img {
transition: transform 0.25s linear, opacity 0.25s linear;
}
}
&:hover {
.image,
figure {
img {
transform: scale(1.1);
}
}
}
}
.effect-opacity {
.image,
figure {
opacity: 1;
// transition: transform 0.25s linear, opacity 0.25s linear;
}
&:hover {
.image,
figure {
opacity: 0.75;
}
}
}
.effect-shadow {
&:hover {
box-shadow: 0px 0px 12px -6px rgba(0, 0, 0, 0.4);
}
}
@keyframes pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
}
/* Bob */
@-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.hvr-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}