New SVG underline doodles from SVG Backgrounds to download

General Web Design
1

Check out Underline doodles | SVG Backgrounds

1 Like
2

excuse the question, but if I want to underline a title with class (example class .myunderline), how do I proceed?
I’m a bit confused…

3

First port of call, visit CSS text-decoration property to understand the properties and possibilities.

Then you can play around with line types and colours:

.myunderline {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
 
  /* can be shortened to */
  text-decoration: underline wavy red;
}

Have fun!

4

hi, that’s not what i meant, i meant to use the svg to underline a title.
thank you all the same

5

The SVG underline doodles are SVG images, so they would be added below text and are not added as a class.

The challenge may be to adjust the width of the SVG image to match the width of the text. If using Souce, then you can do this by using a grid template of 1fr auto 1fr, where “auto” will set the width of the layout to the width of the text.

1 Like
6

great advice, I’ll try.
Thank you.

7

The SVG to CSS converter on this site is an interesting thing, converting SVGs to CSS Data URI.