Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
Like Tree1Likes
  • 1 Post By Major Payne

Thread: Help creating some animation on a icon while hovering

  1. #1
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post Help creating some animation on a icon while hovering

    I have an icon which is PNG format and I use it to represent a service on a site I am building on Joomla. It will be nice if anyone can help me create a circular shadow ripple effect on the icon when someone hover over the icon. The epicentre has to be the icon. I tried W3schools but their animations were mainly related to width. I just want a shadow appears around the icon and fade away with icon as epicenter. I am learning all these stuff so any help will be highly appreciated.

  • #2
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Found this guide : CSS ripple effect - CodePen

    I want to replace the text with icon and make ripple only while hovering over the icon. Help please.

  • #3
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This one seems closer : Hover this! - CodePen

  • #4
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    851
    Thanks
    11
    Thanked 79 Times in 77 Posts
    meetdilip likes this.
    ☠ ☠RON☠ ☠

  • #5
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you so much.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •