A CSS-only, animated, wrapping underline

-

Nicky Meuleman, inspired by Cassie Evans, details how they built the anchor link hover on their sites. When a link is hovered, another color underline kinda slides in with a gap between the two. Typical text-decoration doesn’t help here, so multiple backgrounds are used instead, and fortunately, it works with text that breaks across multiple lines as well.

Direct Link to Article — Permalink

The post A CSS-only, animated, wrapping underline appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.



from CSS-Tricks https://ift.tt/2En2C98

Comments

  1. Code FarmingJuly 1, 2021 at 11:23 PM

    Code Farming
    laravel crud generator
    source code generator

    ReplyDelete
  2. UnknownJuly 29, 2021 at 7:09 AM

    https://webfrontendtips.blogspot.com/2020/08/offering-options-for-mailto-and-tel.html?showComment=1627567754851#c5474779893359107709

    ReplyDelete
  3. Appsinvo - Mobile App Development CompanyAugust 18, 2021 at 12:40 AM


    Appsinvo is the Top Mobile App Development Company in India to deliver end-to-end services and solutions to the clients.
    Mobile App development company in Asia

    ReplyDelete
  4. Wilson WikkiApril 26, 2022 at 6:13 AM

    Mybusiness Visual is the leading Corporate Presentation Design company whose created customized PowerPoint Presentation with huge range of clients accross the world and they worked with VGI presentation team for delivering the best Powerpoint Production Overnight Support.

    ReplyDelete
  5. Wilson WikkiApril 30, 2022 at 2:52 AM

    Mybusiness Visual is the leading Powerpoint Design Company whose created customized PowerPoint Presentation with huge range of clients accross the world and they worked with VGI presentation team for delivering the best Powerpoint Production Overnight Support.

    ReplyDelete
  6. ITFUX24_PC_Laptop_ReparaturJanuary 20, 2023 at 3:01 AM

    Thank you for sharing the subject with us. Besides if you need any experts for your computer to solve the problems then ITFux24 can help you. They have 7+ years of experience with it. Join today, make your first call and get 15% discount with your first approach. Visit: pc reparatur Frankfurt

    ReplyDelete

Post a Comment

Popular posts from this blog

20 Free Professional Resume Cover Letter Format Templates for Jobs 2020

-
Image
Are you getting ready to apply to jobs and want to make a cover letter? Using a professional cover letter template will save you time and ensure that you've got a professional design. This cover letter template and hundreds more can be found on Envato Elements. Using a premium cover letter template can not only save you time, but you'll have a high-quality template for your letter. All you need to do is add the information you'd like to and customize the template and you're done. In this article, we'll explore some of the best premium and free cover letter templates available online. Find the Best Premium Resume Cover Letter Templates on Envato Elements (With Unlimited Use)  Envato Elements is an all-you-can-download resources for professionals and creatives, including good cover letter templates . With Elements, you pay a low monthly fee to get access to: resume and CV letter templates stock photos and royalty free music WordPress themes and more
Read more

How to Effectively Manage a Remote Team

-
Image
According to Flexjobs , remote work has grown by 44% in the last five years. And that statistic was published  before  the remote work boom of 2020. Remote work is here to stay.  Managing remote teams requires planning, and you'll see the best tools and techniques in this article. (Image source: Envato Elements. ) If your team is navigating the switch to working together while apart, you might be facing challenges that you didn't encounter while sharing an office. Learning how to manage a remote team is a must in 2020. Working remotely can unlock your team's full potential. But it takes a conscious effort to ensure that everyone stays connected. In this article, we're going to share the top tips, tools, and techniques so that you never miss a beat while managing remote workers. Three Top Benefits of Working Remotely Too many workplaces see managing remote workers as purely a challenge. In reality, working remotely lends itself to benefits that lead to a happier a
Read more

10 Best PHP URL Shortener Scripts

-
Image
URLs are rarely short and sweet. They usually contain multiple keywords and are accompanied by extra parameters to help with tracking of different campaigns or incoming traffic. These long URLs with so many parameters can sometimes be off-putting for potential visitors. Therefore, it is usually a better idea to use a URL Shortener script and share these shortened URLs on social media and other places. Besides being used by individual websites, URL shortening scripts are also used as a standalone service to sell paid membership plans to clients to allow them to shorten their own URLs. In this post, we will list some of the best PHP URL shortener scripts that you can use to create your own URL shortener. You can use them to create a monetized link shortening service, track your own URLs and campaigns across the web or share website posts of social media with short URLs for extra analytics information. PHP URL Shortener Scripts on CodeCanyon There are about 30 different  PHP URL Short
Read more