An Interest In:
Web News this Week
- April 27, 2024
- April 26, 2024
- April 25, 2024
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
April 11, 2022 09:21 am GMT
Original Link: https://dev.to/muneebejazz/how-can-i-create-low-highlight-under-text-or-custom-underline-in-html-or-css-101
How can I create low highlight under text or custom underline in html or css?
In this small tutorial I will guide you how you can achieve the following low highlight effect or beautiful bold under line under your text.
How to Achieve it?
create a paragraph tag and inside it enclose the text you want to high within span tag with the class name you like.
HTML
<p class="hero-title">You can easily <span class="half-highlight-yellow-2">do underline</span> me.</p>
CSS
.half-highlight-yellow-2 { background:linear-gradient(180deg, transparent 60%, yellow 60%);}
check it live on codepen
https://codepen.io/muneebejazio/pen/QWaxeBY
Original Link: https://dev.to/muneebejazz/how-can-i-create-low-highlight-under-text-or-custom-underline-in-html-or-css-101
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To