Download Magnifying effect on article mode images 1.0.0

XF Compatibility

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

Author: roothacker

Views: 418

First release: May 25, 2022

Last update: May 25, 2022

Ratings 0.00 star(s) 0 ratings

Join the discussion More information

Link was Broken? Please Send message to the Website Team and we will assist you quickly!

Support Developer If you are satisfied with the test or your project has earned you money, Click the More Information button to support the developer by purchasing.

Share this resource