Forums

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

Home Forums CSS CSS only Tooltip Animations with display: none and block on hover.

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #203889
    herr_john
    Participant

    I’ve build a css only tooltip. Nearly everything works fine, except one problem. The animation doesn’t work, if i set the tooltips to display: none and display: block on hover. Currently just opacity is set. Any ideas how to fix that? The key problem is, that the hidden tooltip itself triggers its fading.

    Demo: http://codepen.io/herr_john/pen/pJrRbB

    #203891
    Paulie_D
    Member

    You can’t animate the display property.

    you could try the visibility option as well as the opacity.

    You just need to delay one…see http://www.greywyvern.com/?post=337

    #203903
    herr_john
    Participant

    visibility helps. Thanks a lot :)

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