The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Need help remaking a animated hover effect

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #262779

    I saw this beautifully made hover effect on
    Tried to make it with CSS here and it got more complicated.
    translateY on .element-main:hover makes z-index to go nuts, showing the little circles over the main one.
    And that “idle” animation when u’re hovering an element is just awesome.
    Any chance it’s doable with only CSS?


    If you wrap all your circles in the same container, you don’t have the z-index issue:
    Maybe with an animation, you can animate the little circles when hovering.


    Thank you. That was a big help :)
    I’m still a noob when it comes to css animations.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.