Skip to main content

Forums

This topic contains 2 replies, has 2 voices, and was last updated by  Grant 5 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #281300

    Grant
    Participant

    I apologize if this is in the wrong area or if I have an issue with the format I’m using as this is my first post.

    I’m trying to think of how I should go about playing an a:hover animation with code alone. I’m wanting to have an underline appear below my li like -> https://gyazo.com/ed97864bd52ba8b77403d355c0746d57 but appear from the center and expand outwards like ->https://gyazo.com/c425cbf088384ee1f8ec6e606d94abec except more… smooth.

    The only solution I am aware of is creating an animation separate and playing it before setting the underline in the code using some sort of delay but I’m curious if I could do this with css/html/javascript alone. Thanks for your time.

    #281303

    Ranger SVO
    Participant

    I’m just curious, is this what you want to do?

    http://tobiasahlin.com/blog/css-trick-animating-link-underlines/

    #281306

    Grant
    Participant

    Yes exactly! Thank you, I’ll try this in the morning.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star