How to use this effect in readme.md file?
<h1>Welcome</h1>
h1 {
background-image: url(./image.gif);
background-size: cover;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
This is what I get when I write the html and css directly in the readme file Readme screenshot
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You just need to surround the CSS with tags.
Should render correctly with most Markdown parsers.
Unfortunately, on GitHub.com, this trick doesn't work. This is due to their sterilization process. "HTML has been sanitized to actively remove content that may harm you and your relatives, such as script tags, inline styles, and class or id attributes."
to know more information:
https://github.com/orgs/community/discussions/22728
https://stackoverflow.com/a/51956450/16512927