Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 16, 2019 at 2:00 pm #1119150
    Hannes

    Hallo,

    ich habe mehrere Spalten und möchte bei Hover, dass sicher der Hintergrund weich ändert und die Spalte etwas vergrößert wird. Bisher habe ich:

    .Werte_column_1_hover:hover {
    background-color: green!important;
    }

    Hier ist die Färbung aber hart (ohne Übergang) und die Vergrößerung fehlt mir auch noch.

    Vielen Dank!

    July 17, 2019 at 4:16 am #1119367
    Ismael

    Hey zeadZeven,

    Thank you for using Enfold.

    You should add the transition property to create a color switch animation.

    // https://www.w3schools.com/css/css3_transitions.asp

    Example:

    .Werte_column_1_hover:hover {
    background-color: green!important;
    transition: all 2s;
}

    Let us know if you need help with that.

    Best regards,
    Ismael

    July 17, 2019 at 3:18 pm #1119605
    Hannes

    Hey Ismael,

    oh yeah, this is pretty awesome! Is there also an option to make the whole column including the font a little bit bigger bei hover?

    Best zZ

    July 18, 2019 at 7:16 am #1119807
    Jordan Shannon

    Hi,

    This is possible but would require quite a bit of css and/or JS that goes beyond the scope of support in the forums, especially for smooth transitions. This would likely require a freelancer.

    Best regards,
    Jordan Shannon

    July 31, 2019 at 7:20 am #1123405
    Hannes

    Ok, thanks a lot!

    July 31, 2019 at 8:20 am #1123430
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hover-Effekt bei Spalten’ is closed to new replies.