Highlight font awesome icon like animation on mouse hover using jQuery in ASP.Net

Question

HiiiI have referred folllinkhttpwwwaspforumsnetThreads779616highlighticonofbuttononmousehoverIn above example i want to highlight only icon of the linkbutton without changing linkbutton sizeI have multiple links in my code but when i hover on any link all icons are highlighted instead of that particular icon should be highlighted when hover on that linkOnly icon should change the size like popup slighty from link with background shadow like light

Indresh · Accepted Answer

Hi  Amol111I have created sample code which fullfill your requirementHTMLlthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt    lttitlegtlttitlegt    ltscript type34textjavascript34 src34httpsajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgt    ltlink rel34stylesheet34 href34httpmaxcdnbootstrapcdncombootstrap332cssbootstrapmincss34 gt    ltlink rel34stylesheet34 type34textcss34 href34httpscdnjscloudflarecomajaxlibsfontawesome470cssfontawesomemincss34 gt    ltscript type34textjavascript34gt        function              39iconChnage39hover            function event                 thisclosest39a39find39fatv39attr34style34 34fontsize 25pxpositionabsolutemarginleft 26px34                        function   thisclosest39a39

Highlight font awesome icon like animation on mouse hover using jQuery in ASP.Net

Company

Explore

Follow us

Contact Us