Download Magnifying effect on article mode images 1.0.0

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

XF-Kompatibilität

2.2.x
2.3.x

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

Autor: roothacker

Ansichten: 473

Erste Veröffentlichung: Mai 25, 2022

Letzte Aktualisierung: Mai 25, 2022

Bewertungen 0.00 Sterne 0 Bewertungen

An der Diskussion teilnehmen Weitere Informationen

Link defekt? Nachricht senden an das NP-Team – wir helfen dir schnell!

Unterstütze den Entwickler Wenn du mit dem Test zufrieden bist oder mit deinem Projekt erfolgreich Geld verdient hast, klicke auf den Button Mehr Informationen, um den Entwickler durch einen Kauf zu unterstützen.

Diese Ressource teilen