Verwendung: Bild hover-Effekt

Kirstin's Avatar

Kirstin

18 May, 2022 11:03 AM

Produkt: Tao Contao
Contao-Version: 4.9

Der Hover-Effekt sollte nur das Bild vergrößern. Als Nebeneffekt wird das Bild heller dargestellt - das ist nicht gewünscht.
Wie kann ich das ändern?
Vielen Dank,
Kirstin Kohtz

.teaser-boxes-item .image-wrapper.-has-hover:hover img, .team-boxes-item .image-wrapper.-has-hover:hover img,
.teaser-boxes-item .image-wrapper.-has-hover:focus img,
.team-boxes-item .image-wrapper.-has-hover:focus img {
    
    /*-webkit-filter: contrast(2) ;standardwert brightness
    -moz-filter: contrast(2);
    filter: contrast(2);*/
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.3s ease-in-out 0.3s;
}
    
.teaser-boxes-item a.image-wrapper.-has-hover:hover:after, .team-boxes-item a.image-wrapper.-has-hover:hover:after,
.teaser-boxes-item a.image-wrapper.-has-hover:focus:after,
.team-boxes-item a.image-wrapper.-has-hover:focus:after {
    
    display: inline-block;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -0.5em;
    color: #213a8f;
    text-shadow: 0 0 0px rgba(0, 0, 0, 0);
}
  1. Support Staff 1 Posted by RockSolid Theme... on 19 May, 2022 07:34 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Die Aufhellung lässt sich mit folgendem CSS-Code deaktivieren:

    .teaser-boxes-item .image-wrapper.-has-hover:hover:before,
    .team-boxes-item .image-wrapper.-has-hover:hover:before,
    .teaser-boxes-item .image-wrapper.-has-hover:focus:before,
    .team-boxes-item .image-wrapper.-has-hover:focus:before {
        background: transparent;
    }
    
  2. 2 Posted by Kirstin on 19 May, 2022 08:07 AM

    Kirstin's Avatar

    Super, vielen Dank!
    Viele Grüße,
    Kirstin

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac