GitHub Repos의 Readme.md용 사용자 정의 CSS
루트에서 readme.md 파일을 수정하는 CSS 파일 이름 확인 GitHub 저장소의 모양은 저장소의 모양을 사용자 정의할 때 매우 중요합니다. 일부에서는 .github/github.css라고 생각하지만 예상한 결과를 얻지 못할 수도 있습니다.
전용 CSS 파일에 의존하는 대신 GitHub README에 태그를 추가하세요. 이는
예를 들어 h1 텍스트의 색상을 변경하는 간단한 애니메이션을 만들려면 다음을 수행하세요.
<code class="css">h1 {
color: red;
animation: myanimation 2s infinite;
}
@keyframes myanimation {
from {
color: red;
}
to {
color: yellow;
}
}</code>그런 다음 SVG 내에 애니메이션을 삽입하세요. file:
<code class="html"><svg width="100%" height="100%">
<foreignObject width="100%" height="100%">
<html>
<head>
<style>
<!-- Code from above -->
</style>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>
</foreignObject>
</svg></code>마지막으로 태그:
<img src="custom-animation.svg" alt="Animated text" />
이 방법은 전용 CSS 파일의 제한 없이 GitHub 저장소에 있는 readme.md 파일의 모양을 사용자 정의하는 유연하고 효율적인 방법을 제공합니다.
위 내용은 GitHub README.md에 사용자 정의 CSS를 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
