Chris Texe
Posted on August 3, 2022
I am sure you many times used a mark
tag in your HTML document. Without any styling it can be a little bit boring:
With few lines of CSS code we can make it a little nicer, like this:
The whole secret is in these lines of CSS code:
mark.one {
background: linear-gradient(
-100deg,
hsla(48,92%,75%,.3),
hsla(48,92%,75%,.7) 95%,
hsla(48,92%,75%,.1)
);
border-radius: 1em 0;
padding: .3em;
}
It would be great if you will comment or follow me on social media:
Also you can visit my websites:
💖 💪 🙅 🚩
Chris Texe
Posted on August 3, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.