FM / utilities

/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/utilities/

/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/utilities

Name	Size	Mode	Actions
_effects.scss	2567	0644	edit dl rm
_hamburger.scss	2676	0644	edit dl rm
_overlay.scss	2115	0644	edit dl rm

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;
}

cmd: