{"id":1480,"date":"2020-02-08T10:09:32","date_gmt":"2020-02-08T10:09:32","guid":{"rendered":"http:\/\/csshint.com\/?p=1480"},"modified":"2023-02-19T14:17:32","modified_gmt":"2023-02-19T14:17:32","slug":"link-style-hover-effect","status":"publish","type":"post","link":"https:\/\/csshint.com\/link-style-hover-effect\/","title":{"rendered":"24+ CSS Link Style &#038; Hover Effect"},"content":{"rendered":"<p>Latest Collection of free css <strong> Link Hover Effect<\/strong> Examples.<\/p>\n<h4><span>1.<\/span> New Link Underline (Wired-Style) <\/h4>\n<figure>\n<div id=\"attachment_1490\" style=\"width: 611px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/csshint.com\/wp-content\/uploads\/2020\/02\/Link-Hover-Effect.gif\"><img aria-describedby=\"caption-attachment-1490\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/csshint.com\/wp-content\/uploads\/2020\/02\/Link-Hover-Effect.gif\" alt=\"Link Hover Effect\" width=\"601\" height=\"308\" class=\"size-full wp-image-1490\" \/><\/a><p id=\"caption-attachment-1490\" class=\"wp-caption-text\">Link Hover Effect<\/p><\/div><br \/>\n<\/figure>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   MrPirrera <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/pirrera\/pen\/emKqBp\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n\n<h4><span>2.<\/span> Links \/ Buttons hover animations <\/h4>\n<p><iframe height=\"406\" style=\"width: 100%;\" scrolling=\"no\" title=\"Links \/ Buttons hover animations\" src=\"https:\/\/codepen.io\/origine\/embed\/preview\/KVzpYm?height=406&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/origine\/pen\/KVzpYm'>Links \/ Buttons hover animations<\/a> by Thomas Aufresne<br \/>\n  (<a href='https:\/\/codepen.io\/origine'>@origine<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Thomas Aufresne <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS (Less)<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/origine\/pen\/KVzpYm\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n\n<h4><span>3.<\/span> Slice link text <\/h4>\n<p><iframe height=\"416\" style=\"width: 100%;\" scrolling=\"no\" title=\"Slice link text\" src=\"https:\/\/codepen.io\/equinusocio\/embed\/preview\/GgZLyE?height=416&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/equinusocio\/pen\/GgZLyE'>Slice link text<\/a> by Mattia Astorino<br \/>\n  (<a href='https:\/\/codepen.io\/equinusocio'>@equinusocio<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Mattia Astorino <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS (Less)<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/equinusocio\/pen\/GgZLyE\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n\n<h4><span>4.<\/span> The &#8220;Read more&#8221; link <\/h4>\n<p><iframe height=\"401\" style=\"width: 100%;\" scrolling=\"no\" title=\"The &quot;Read more&quot; link\" src=\"https:\/\/codepen.io\/melnik909\/embed\/preview\/KGxdjY?height=401&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/melnik909\/pen\/KGxdjY'>The &quot;Read more&quot; link<\/a> by Stas Melnikov<br \/>\n  (<a href='https:\/\/codepen.io\/melnik909'>@melnik909<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Stas Melnikov <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/melnik909\/pen\/KGxdjY\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n\n<h4><span>5.<\/span> Link Hover Effects w\/ mo.js <\/h4>\n<figure>\n<div id=\"attachment_1486\" style=\"width: 611px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/csshint.com\/wp-content\/uploads\/2020\/02\/CSS-Link-Style-and-Hover-Effect.gif\"><img aria-describedby=\"caption-attachment-1486\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/csshint.com\/wp-content\/uploads\/2020\/02\/CSS-Link-Style-and-Hover-Effect.gif\" alt=\"CSS Link Style and Hover Effect\" width=\"601\" height=\"344\" class=\"size-full wp-image-1486\" \/><\/a><p id=\"caption-attachment-1486\" class=\"wp-caption-text\">CSS Link Style and Hover Effect<\/p><\/div><br \/>\n<\/figure>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Mike Quinn <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS (SCSS) \/ JS(Babel) <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/mprquinn\/pen\/OmOMrR\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>6.<\/span> Link hover effect <\/h4>\n<p><iframe height=\"386\" style=\"width: 100%;\" scrolling=\"no\" title=\"Link hover effect from factmag\" src=\"https:\/\/codepen.io\/escapist\/embed\/preview\/EaQygW?height=386&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/escapist\/pen\/EaQygW'>Link hover effect from factmag<\/a> by Jason Carlin<br \/>\n  (<a href='https:\/\/codepen.io\/escapist'>@escapist<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Jason Carlin <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(SCSS) <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/escapist\/pen\/EaQygW\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>7.<\/span> Link Style Experiments <\/h4>\n<p><iframe height=\"403\" style=\"width: 100%;\" scrolling=\"no\" title=\"Link Style Experiments\" src=\"https:\/\/codepen.io\/cssgirl\/embed\/preview\/VYGjRj?height=403&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/cssgirl\/pen\/VYGjRj'>Link Style Experiments<\/a> by Lindsey<br \/>\n  (<a href='https:\/\/codepen.io\/cssgirl'>@cssgirl<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>    Lindsey <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(SCSS) <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/cssgirl\/pen\/VYGjRj\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>8.<\/span> Animated external link icon <\/h4>\n<p><iframe height=\"419\" style=\"width: 100%;\" scrolling=\"no\" title=\"Animated external link icon\" src=\"https:\/\/codepen.io\/ccrch\/embed\/preview\/KrjKak?height=419&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/ccrch\/pen\/KrjKak'>Animated external link icon<\/a> by Krz Szzz<br \/>\n  (<a href='https:\/\/codepen.io\/ccrch'>@ccrch<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  Krz Szzz <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(Less) \/ JS<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/ccrch\/pen\/KrjKak\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>9.<\/span> Menu hover effect <\/h4>\n<p><iframe height=\"407\" style=\"width: 100%;\" scrolling=\"no\" title=\"Menu hover effect\" src=\"https:\/\/codepen.io\/jasonheecs\/embed\/preview\/zodWjz?height=407&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/jasonheecs\/pen\/zodWjz'>Menu hover effect<\/a> by Jason Hee<br \/>\n  (<a href='https:\/\/codepen.io\/jasonheecs'>@jasonheecs<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  Jason Hee <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(SCSS) <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/jasonheecs\/pen\/zodWjz\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>10.<\/span> colored underline <\/h4>\n<p><iframe height=\"394\" style=\"width: 100%;\" scrolling=\"no\" title=\"How do I get a custom colored underline that will span multiple lines?\" src=\"https:\/\/codepen.io\/Wking\/embed\/preview\/BdmpVx?height=394&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/Wking\/pen\/BdmpVx'>How do I get a custom colored underline that will span multiple lines?<\/a> by Will King<br \/>\n  (<a href='https:\/\/codepen.io\/Wking'>@Wking<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  Will King <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(SCSS) \/ jS(Babel)<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/Wking\/pen\/BdmpVx\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>11.<\/span> Buttons with animated SVG stroke <\/h4>\n<p><iframe height=\"384\" style=\"width: 100%;\" scrolling=\"no\" title=\"Buttons with animated SVG stroke\" src=\"https:\/\/codepen.io\/michellebarker\/embed\/preview\/vaYxMJ?height=384&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/michellebarker\/pen\/vaYxMJ'>Buttons with animated SVG stroke<\/a> by Michelle Barker<br \/>\n  (<a href='https:\/\/codepen.io\/michellebarker'>@michellebarker<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  Michelle Barker <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(SCSS) <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/michellebarker\/pen\/vaYxMJ\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>12.<\/span> Animated Gradient Underline for Link Hover <\/h4>\n<p><iframe height=\"380\" style=\"width: 100%;\" scrolling=\"no\" title=\"Animated Gradient Underline for Link Hover State\" src=\"https:\/\/codepen.io\/GeorgePark\/embed\/preview\/NXjwaN?height=380&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/GeorgePark\/pen\/NXjwaN'>Animated Gradient Underline for Link Hover State<\/a> by George W. Park<br \/>\n  (<a href='https:\/\/codepen.io\/GeorgePark'>@GeorgePark<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  George W. Park <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/GeorgePark\/pen\/NXjwaN\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>13.<\/span> Nice line movement hover <\/h4>\n<p><iframe height=\"383\" style=\"width: 100%;\" scrolling=\"no\" title=\"Nice line movement hover\" src=\"https:\/\/codepen.io\/brunob182\/embed\/preview\/rWxYmW?height=383&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/brunob182\/pen\/rWxYmW'>Nice line movement hover<\/a> by Bruno Almeida<br \/>\n  (<a href='https:\/\/codepen.io\/brunob182'>@brunob182<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  Bruno Almeida <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(PostCSS) <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/brunob182\/pen\/rWxYmW\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>14.<\/span> Cool CSS3 Link Ideas <\/h4>\n<p><iframe height=\"374\" style=\"width: 100%;\" scrolling=\"no\" title=\"Cool CSS3 Link Ideas\" src=\"https:\/\/codepen.io\/brenden\/embed\/preview\/RNZXqx?height=374&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/brenden\/pen\/RNZXqx'>Cool CSS3 Link Ideas<\/a> by Brenden Palmer<br \/>\n  (<a href='https:\/\/codepen.io\/brenden'>@brenden<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  Brenden Palmer <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/brenden\/pen\/RNZXqx\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>15.<\/span> Text hover effect <\/h4>\n<p><iframe height=\"363\" style=\"width: 100%;\" scrolling=\"no\" title=\"Text hover effect\" src=\"https:\/\/codepen.io\/nckprsn\/embed\/preview\/nzLcp?height=363&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/nckprsn\/pen\/nzLcp'>Text hover effect<\/a> by Nick Pearson<br \/>\n  (<a href='https:\/\/codepen.io\/nckprsn'>@nckprsn<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  Nick Pearson <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS \/ JS<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/nckprsn\/pen\/nzLcp\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>16.<\/span> Link with gradient background on hover <\/h4>\n<p><iframe height=\"406\" style=\"width: 100%;\" scrolling=\"no\" title=\"#0001 \u2022 Link with gradient background on hover\" src=\"https:\/\/codepen.io\/giuliamalaroda\/embed\/preview\/QBOGdG?height=406&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/giuliamalaroda\/pen\/QBOGdG'>#0001 \u2022 Link with gradient background on hover<\/a> by Giulia Malaroda<br \/>\n  (<a href='https:\/\/codepen.io\/giuliamalaroda'>@giuliamalaroda<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  Giulia Malaroda <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/giuliamalaroda\/pen\/QBOGdG\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>17.<\/span> Link Effectz &#8211; Squiggle <\/h4>\n<p><iframe height=\"383\" style=\"width: 100%;\" scrolling=\"no\" title=\"Link Effectz - Squiggle\" src=\"https:\/\/codepen.io\/geoffgraham\/embed\/preview\/bxEVEN?height=383&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/geoffgraham\/pen\/bxEVEN'>Link Effectz &#8211; Squiggle<\/a> by Geoff Graham<br \/>\n  (<a href='https:\/\/codepen.io\/geoffgraham'>@geoffgraham<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Geoff Graham  <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/geoffgraham\/pen\/bxEVEN\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>18.<\/span> Animated font weight on hover <\/h4>\n<p><iframe height=\"388\" style=\"width: 100%;\" scrolling=\"no\" title=\"Animated font weight on hover\" src=\"https:\/\/codepen.io\/jesperkc\/embed\/preview\/YaGYRr?height=388&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/jesperkc\/pen\/YaGYRr'>Animated font weight on hover<\/a> by Jesper Strange Klitgaard Christiansen<br \/>\n  (<a href='https:\/\/codepen.io\/jesperkc'>@jesperkc<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Jesper Strange Klitgaard Christiansen  <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(SCSS) <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/jesperkc\/pen\/YaGYRr\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>19.<\/span> Gradient Underline Animation <\/h4>\n<p><iframe height=\"395\" style=\"width: 100%;\" scrolling=\"no\" title=\"Gradient Underline Animation\" src=\"https:\/\/codepen.io\/colinhorn\/embed\/preview\/YxYYMj?height=395&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/colinhorn\/pen\/YxYYMj'>Gradient Underline Animation<\/a> by Colin Horn<br \/>\n  (<a href='https:\/\/codepen.io\/colinhorn'>@colinhorn<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Colin Horn  <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(SCSS) <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/colinhorn\/pen\/YxYYMj\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>20.<\/span> Cool hover effect with mix-blend-mode <\/h4>\n<p><iframe height=\"408\" style=\"width: 100%;\" scrolling=\"no\" title=\"Cool hover effect with mix-blend-mode\" src=\"https:\/\/codepen.io\/TiagoLopes\/embed\/preview\/yopxeW?height=408&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/TiagoLopes\/pen\/yopxeW'>Cool hover effect with mix-blend-mode<\/a> by Tiago Alexandre Lopes<br \/>\n  (<a href='https:\/\/codepen.io\/TiagoLopes'>@TiagoLopes<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Tiago Alexandre Lopes  <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/TiagoLopes\/pen\/yopxeW\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>21.<\/span> Animate underline wavy <\/h4>\n<p><iframe height=\"361\" style=\"width: 100%;\" scrolling=\"no\" title=\"Animate underline wavy\" src=\"https:\/\/codepen.io\/daviddarnes\/embed\/preview\/OgaRYw?height=361&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/daviddarnes\/pen\/OgaRYw'>Animate underline wavy<\/a> by David Darnes<br \/>\n  (<a href='https:\/\/codepen.io\/daviddarnes'>@daviddarnes<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   David Darnes  <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(SCSS)<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/daviddarnes\/pen\/OgaRYw\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>22.<\/span> Follow Along Links <\/h4>\n<p><iframe height=\"363\" style=\"width: 100%;\" scrolling=\"no\" title=\"#JavaScript30 Day 22: Follow Along Links\" src=\"https:\/\/codepen.io\/kathykato\/embed\/preview\/RgZrZM?height=363&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/kathykato\/pen\/RgZrZM'>#JavaScript30 Day 22: Follow Along Links<\/a> by Katherine Kato<br \/>\n  (<a href='https:\/\/codepen.io\/kathykato'>@kathykato<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Katherine Kato  <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS \/ JS<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/kathykato\/pen\/RgZrZM\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>23.<\/span> Jumping link hovers <\/h4>\n<p><iframe height=\"417\" style=\"width: 100%;\" scrolling=\"no\" title=\"Jumping link hovers\" src=\"https:\/\/codepen.io\/bennettfeely\/embed\/preview\/XgMWpX?height=417&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/bennettfeely\/pen\/XgMWpX'>Jumping link hovers<\/a> by Bennett Feely<br \/>\n  (<a href='https:\/\/codepen.io\/bennettfeely'>@bennettfeely<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>   Bennett Feely  <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(SCSS) \/ JS<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/bennettfeely\/pen\/XgMWpX\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n<h4><span>24.<\/span> Text underline hover effects <\/h4>\n<p><iframe height=\"396\" style=\"width: 100%;\" scrolling=\"no\" title=\"Text underline hover effects\" src=\"https:\/\/codepen.io\/MishaHahaha\/embed\/preview\/AXxYKQ?height=396&#038;theme-id=default&#038;default-tab=result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/MishaHahaha\/pen\/AXxYKQ'>Text underline hover effects<\/a> by Misha Heesakkers<br \/>\n  (<a href='https:\/\/codepen.io\/MishaHahaha'>@MishaHahaha<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4>Author<\/h4>\n<ul>\n<li>  Misha Heesakkers  <\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-frontend\">\n<h4>Made with<\/h4>\n<ul>\n<li class=\".last-child\"> Html \/ CSS(PostCSS) <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/codepen.io\/MishaHahaha\/pen\/AXxYKQ\" class=\"btn_blue floatleft\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">demo and code<\/a> <a href=\"https:\/\/bluehost.sjv.io\/9WXqK0\" class=\"btn_blue floatleft red-btn\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">Get Hosting<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Latest Collection of free css Link Hover Effect Examples. 1. New Link Underline (Wired-Style) Author MrPirrera Made with Html \/ CSS demo and code Get Hosting 2. Links \/ Buttons hover animations See the Pen Links \/ Buttons hover animations by Thomas Aufresne (@origine) on CodePen. Author Thomas Aufresne Made with Html \/ CSS (Less) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1486,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[178,177],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>24+ CSS Link Style &amp; Hover Effect - csshint - A designer hub<\/title>\n<meta name=\"description\" content=\"Latest Collection of free css Link Hover Effect Examples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/csshint.com\/link-style-hover-effect\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"24+ CSS Link Style &amp; Hover Effect - csshint - A designer hub\" \/>\n<meta property=\"og:description\" content=\"Latest Collection of free css Link Hover Effect Examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/csshint.com\/link-style-hover-effect\/\" \/>\n<meta property=\"og:site_name\" content=\"csshint - A designer hub\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-08T10:09:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-19T14:17:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/csshint.com\/wp-content\/uploads\/2020\/02\/CSS-Link-Style-and-Hover-Effect.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"601\" \/>\n\t<meta property=\"og:image:height\" content=\"344\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/csshint.com\/link-style-hover-effect\/\",\"url\":\"https:\/\/csshint.com\/link-style-hover-effect\/\",\"name\":\"24+ CSS Link Style & Hover Effect - csshint - A designer hub\",\"isPartOf\":{\"@id\":\"https:\/\/csshint.com\/#website\"},\"datePublished\":\"2020-02-08T10:09:32+00:00\",\"dateModified\":\"2023-02-19T14:17:32+00:00\",\"author\":{\"@id\":\"https:\/\/csshint.com\/#\/schema\/person\/cb7f50f1548129c9d49a956bb3cb47ed\"},\"description\":\"Latest Collection of free css Link Hover Effect Examples.\",\"breadcrumb\":{\"@id\":\"https:\/\/csshint.com\/link-style-hover-effect\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/csshint.com\/link-style-hover-effect\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/csshint.com\/link-style-hover-effect\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/csshint.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"24+ CSS Link Style &#038; Hover Effect\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/csshint.com\/#website\",\"url\":\"https:\/\/csshint.com\/\",\"name\":\"csshint - A designer hub\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/csshint.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/csshint.com\/#\/schema\/person\/cb7f50f1548129c9d49a956bb3cb47ed\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/csshint.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d55cf671fd71468918e23ab6bcbb9566?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d55cf671fd71468918e23ab6bcbb9566?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/csshint.com\/author\/21232f297a57a5a743894a0e4a801fc3\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"24+ CSS Link Style & Hover Effect - csshint - A designer hub","description":"Latest Collection of free css Link Hover Effect Examples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/csshint.com\/link-style-hover-effect\/","og_locale":"en_US","og_type":"article","og_title":"24+ CSS Link Style & Hover Effect - csshint - A designer hub","og_description":"Latest Collection of free css Link Hover Effect Examples.","og_url":"https:\/\/csshint.com\/link-style-hover-effect\/","og_site_name":"csshint - A designer hub","article_published_time":"2020-02-08T10:09:32+00:00","article_modified_time":"2023-02-19T14:17:32+00:00","og_image":[{"width":601,"height":344,"url":"https:\/\/csshint.com\/wp-content\/uploads\/2020\/02\/CSS-Link-Style-and-Hover-Effect.gif","type":"image\/gif"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/csshint.com\/link-style-hover-effect\/","url":"https:\/\/csshint.com\/link-style-hover-effect\/","name":"24+ CSS Link Style & Hover Effect - csshint - A designer hub","isPartOf":{"@id":"https:\/\/csshint.com\/#website"},"datePublished":"2020-02-08T10:09:32+00:00","dateModified":"2023-02-19T14:17:32+00:00","author":{"@id":"https:\/\/csshint.com\/#\/schema\/person\/cb7f50f1548129c9d49a956bb3cb47ed"},"description":"Latest Collection of free css Link Hover Effect Examples.","breadcrumb":{"@id":"https:\/\/csshint.com\/link-style-hover-effect\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/csshint.com\/link-style-hover-effect\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/csshint.com\/link-style-hover-effect\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/csshint.com\/"},{"@type":"ListItem","position":2,"name":"24+ CSS Link Style &#038; Hover Effect"}]},{"@type":"WebSite","@id":"https:\/\/csshint.com\/#website","url":"https:\/\/csshint.com\/","name":"csshint - A designer hub","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/csshint.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/csshint.com\/#\/schema\/person\/cb7f50f1548129c9d49a956bb3cb47ed","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/csshint.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d55cf671fd71468918e23ab6bcbb9566?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d55cf671fd71468918e23ab6bcbb9566?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/csshint.com\/author\/21232f297a57a5a743894a0e4a801fc3\/"}]}},"_links":{"self":[{"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/posts\/1480"}],"collection":[{"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/comments?post=1480"}],"version-history":[{"count":5,"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/posts\/1480\/revisions"}],"predecessor-version":[{"id":8093,"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/posts\/1480\/revisions\/8093"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/media\/1486"}],"wp:attachment":[{"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/media?parent=1480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/categories?post=1480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csshint.com\/wp-json\/wp\/v2\/tags?post=1480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}