Download Magnifying effect on article mode images 1.0.0

Compatibilité XF

2.2.x
2.3.x

Short Description: Magnifying effect on article mode images

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

Demo:

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: 417

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

Link was Broken? Please Send Message to NP Team with direct message, You will get it very quickly!

Support Developer If you are satisfied with your test or project have earn money successfully, Maybe you can click more information button to support with buying.

Partager cette ressource