Frage zu runden Bildern

kayboard

Hallo Zusammen,

wer sagt mit bitte, wie man im Widget Bild, die Ansicht "Rundes Bild" so einstellt, dass es beim Überfahren mit der Maus rund bleibt und nicht wieder rechteckeig/viereckig wird?

https://www.buddybulli.de/unser-bulli.html
-> unter besonderen Dank.

ZP16 Enterprise
Layout Campfire

Vielen Dank

Kay

Stefan S

Sie scheinen da mal folgendes, angepasstes CSS im Projekt eingefügt zu haben:

Code

<style>
    .articlearea img:hover {
        border-radius:5px
    }

    .articlearea img {
        border-radius: 5px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
</style>

Alles anzeigen

Die Zeilen mit 'border-radius" verursachen, dass die Bilder nicht mehr komplett rund sind.

Beheben lässt sich das z.B., wenn Bilder, welche die Ansicht "rund" nutzen, von der Regel ausgenommen werden:

Code

<style>
    .articlearea:not(.zproundimage) img:hover {
        border-radius:5px
    }

    .articlearea:not(.zproundimage) img {
        border-radius: 5px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
</style>

Alles anzeigen

kayboard

Vielen Dank für Ihre Hilfe - ich sehe mir das an.

Kay

Update: Es funktioniert prima - Danke!

Frage zu runden Bildern

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?