Magnifying effect on article mode images 1.0.0

Name: Magnifying effect on article mode images
Availability: InStock
Author: roothacker

Compatibilité XF

2.2.x
2.3.x

Description courte: Enhance article images with a charming hover effect using extra.less template.

Gives a nice little effect to the images of the articles 😉

Demo:

Annuaire de liens

Répertorie les meilleurs sites relatif à XenForo ?

In extra.less template, add this:

CSS:

.articlePreview-main a:hover {
    transform: scale(1.1) rotate(4deg);
    background-size: cover !important;
    transition-duration: 1s;
    transition-property: transform;
}
.articlePreview-main a {
    background-size: cover !important;
    transition-duration: 1s;
    transition-property: transform;
}
.message--articlePreview .articlePreview-image:after {
    background-image: linear-gradient(to bottom,transparent,#0e0e0e);
    opacity: .1;
    padding-bottom: 60%;
}
.articlePreview-main {
        overflow: hidden;
}

Auteur: roothacker

Vues: 499

Première publication: Mai 25, 2022

Dernière mise à jour: Mai 25, 2022

Évaluations 0.00 étoile(s) 0 évaluations

Rejoindre le fil de discussion Plus d'informations

Lien cassé ? Envoyer un message à l’équipe NP et nous vous aiderons rapidement !

Soutenez le développeur Si vous êtes satisfait du test ou que votre projet vous a rapporté de l’argent, cliquez sur le bouton « Plus d’informations » pour soutenir le développeur en achetant.

Partager cette ressource