- Compatibilidad con XF
- 2.2.x
- 2.3.x
- Descripción breve
- Enhance article images with a charming hover effect using extra.less template.
Gives a nice little effect to the images of the articles 😉
Demo:
Répertorie les meilleurs sites relatif à XenForo ?
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;
}
