Last Updated
Learn Development at Frontend Masters
Comments
Leave a Reply
You may write comments in Markdown thanks to Jetpack Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after. All comments are held for moderation. Be helpful and kind and yours will be published no problem.
yohooo
Not bad!
Throw some transition into that and it’ll be even fancy-er! :)
Awesome Man ! Thanx Big Thanx !
Is there a fix for line wrapping? When my link is long enough to wrap onto the next line, the next line won’t be underlined.
I didn’t find a solution to properly wrap the gradient, so I had to disable wrapping for the link:
a {
white-space: nowrap;
}
For Firefox needs -moz-linear-gradient(left, transparent 0%,#444 50%,transparent 100%);
not bad.but it is only work in chrome.
Hi, cool trick. You can make it work on other browser by adding vendor specific properties:
background: -webkit-linear-gradient(left, transparent 0%,#444 50%,transparent 100%);
background: -moz-linear-gradient(left, transparent 0%,#444 50%,transparent 100%);
background: -o-linear-gradient(left, transparent 0%,#444 50%,transparent 100%);
background: linear-gradient(left, transparent 0%,#444 50%,transparent 100%);
Nice trick !!