How to put a scrawl on the page [closed]

0

How to put a scrawled orange as in the image below on the html page?

    
asked by anonymous 19.11.2018 / 22:12

1 answer

1

You can use it as a backgroun-image for your text. type in this example

h1 {
    background-image: url(https://ubisafe.org/images/svg-stroke-brush-2.png);
    background-size: 100% 100%;
    color: aliceblue;
    display: inline-block;
    padding: 1em;
}
<h1>
    Lorem, ipsum dolor.
</h1>
<br>
<h1>
    Lorem, ipsum dolor. Lorem, ipsum dolor.
</h1>

I suggest you use an SVG as an image, so it can be better handled by CSS and has a better resolution for any size

    
19.11.2018 / 22:20