Bilder-Hover
Mit einem kleinen Code könnt ihr einen Hover-Effekt für alle Bilder erzielen die in Zeta eingefügt werden.
Also zB:
- Widget- Bild
- Widget- Bilderalbum
- Widget- Text "Bild eingefügt"
- Widget- Popup-Bild
- Widget- Text mit Bild
- Widget- Quelltext
Hierzu müsst ihr lediglich den angegebenen CSS-Code einfügen unter: "Website > Einstellungen > CSS". Und diesen an euere Bedürfnisse anpassen.
<style>
.articlearea img:hover {
opacity: .7;
border-radius:30px;
}
.articlearea img {
opacity: 1.0;
border-radius:10px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
</style>
<style>
.articlearea img:hover {
-webkit-filter: brightness(.5);
filter: brightness(.5);
}
.articlearea img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
</style>
<style>
.articlearea img:hover {
border-radius:50px;
-webkit-filter: sepia(1);
filter: sepia(1);
}
.articlearea img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
</style>
