DEV Community

Cover image for Style your mark and leave a mark
May Kittens Devour Your Soul
May Kittens Devour Your Soul

Posted on

Style your mark and leave a mark

Recently I browsed the web and ran into an article on Medium from 2017. It talked about multi colored backgrounds.

It said that linear gradients are cool for styling backgrounds.
No doubt. No doubt.

So of course, I used one of them... ON MARK ELEMENT!
Another on span...

And voila. They look great!
Today in a world where you have web color generators that basically mix those colors for you, into nice ones, it would be a shame not to utilize it on a web page.

So code and enjoy in making web prettier.

mark
  {background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);}
Enter fullscreen mode Exit fullscreen mode

Example on jsFiddle

Top comments (2)

Collapse
 
rizmyabdulla profile image
Rizmy Abdulla πŸŽ–οΈ

in linear-gradient 110deg is for spread angle,#fdcd3b 60% is for color-stop1 and #ffed4b 60% is for color-stop2.

Nice Post for beginners !!

Collapse
 
ben profile image
Ben Halpern

Neat