Forums

Give help. Get help.

  • # November 19, 2017 at 12:53 pm

    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?

    # November 20, 2017 at 1:28 am

    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.

    # November 21, 2017 at 11:47 am

    @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)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag