Forums

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
    Posts
  • #262779
    DraKal
    Participant

    I saw this beautifully made hover effect on pro.ant.design.
    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?

    #262798
    JeroenR
    Participant

    If you wrap all your circles in the same container, you don’t have the z-index issue: https://codepen.io/jeroenreijs/pen/WXMQor?editors=1100
    Maybe with an animation, you can animate the little circles when hovering.

    #262854
    DraKal
    Participant

    @JeroenR
    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.