↵

Tilt Hover Effects(tympanus.net)

over 6 years ago from Pedro Botelho, Developer

  • A. M. ­DouglasA. M. ­Douglas, over 6 years ago

    In response to your edit, are you not looking to use a cubic-bezier function? This is trivial, just use a transition-timing-function or specify the cubic-bezier in the shorthand you composed.

    0 points
    • Dirk HCM van BoxtelDirk HCM van Boxtel, over 6 years ago

      Not sure.

      I want to accomplish the initial (within 2 ms) hover animation to have 0.2 or 0.3 seconds of animation delay for easing purposes, while further hovering will be at 0.

      0 points
      • Thomas Michael SemmlerThomas Michael Semmler, over 6 years ago

        You could use a keyframe animation for the initial firing of the animation, with animation-fill-mode: forwards;. It'd need some queueing in some way, with javascript probably. But its possible.

        Though I personally wouldn't like that. The immediate interaction feedback is valuable.

        0 points
      • A. M. ­DouglasA. M. ­Douglas, over 6 years ago

        So you want transition-delay:

        0 points