Customized Types in GitHub Readme Information | CSS-Methods

Despite the fact that GitHub Readme information (sometimes ./readme.md) are Markdown, and though Markdown helps HTML, you may’t put <fashion> or <script> tags init. (Nicely, you may, they only get stripped.) So you may’t apply {custom} types there. Or are you able to?

1. You need to use SVG as an <img src="https://css-tricks.com/custom-styles-in-github-readmes/./file.svg" alt="" /> (wherever).
2. When used that method, even stuff like animations inside them play (wow).
3. SVG has stuff like <textual content> for textual content material, but additionally <foreignObject> for normal ol’ HTML content material.
4. SVG help <fashion> tags.
5. Your readme.md file does help <img> with SVG sources.

Sindre Sorhus mixed all that into an example.

That very same SVG supply will work right here:

See Also

The misplaced historical pigment that was extra precious than gold