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 Create Gantt Charts in PowerPoint With PPT Templates

-
Image
You might not think of Microsoft PowerPoint as a project management tool. But there's a reason it's used for project updates and by project teams. The ease-of-use and flexibility of PowerPoint work for any project management professional.  It's easy to create a Gantt Chart in PowerPoint (PPT) once you know how. When it comes to managing projects, you need tools to make them manageable. That includes process charts to help your team collaborate efficiently. Project management professionals often turn to  Gantt charts  to visualize the parts of the project. In this tutorial, you'll learn how to create a Gantt chart in PowerPoint . You'll learn how to use an impressive template to build a Gantt chart that ensures that every member of your project team knows how their part in the project fits into the bigger picture. Let's dive in! What's a Gantt Chart? Imagine you're building something that requires collaboration with others. That could be a website, ...
Read more

32+ Professional PowerPoint Templates: For Better Business PPT Presentations

-
Image
Do you have a business presentation PowerPoint to give this week? Is the deadline for your pitch approaching fast? Or, is the clock ticking down to the date of your speaking engagement? If so, your needs are immediate. It's critical that you create a professional presentation that's designed for business results. Professional PowerPoint workflow - from design to presentation. ( Influencer PPT Template ) Designing a PowerPoint presentation from scratch is difficult. It takes time to put together the right slide layouts that work cohesively together. Also, make infographics, icons, fonts, animations. Match all these elements to your message best. It’s a whole lot quicker to grab a  professional PowerPoint template  to work with from the get-go.   The best business presentation PPT templates like The X Note help you craft your content in less time than ever. Are you looking for professional PowerPoint templates ? A high-quality presentation design gives you ...
Read more