반응형
아래의 코드를 실행하면 "가나다라", "마바사아"가 번갈아가며 출력된다.
<!DOCTYPE html>
<html>
<body>
<svg width="120" height="60">
<text x="20" y="35" fill="red" visibility="visible">가나다라
<animate attributeType="CSS" attributeName="visibility" from="visible" to="hidden" begin="0s" dur="3s"repeatCount="indefinite"/>
</text>
<text x="20" y="35" fill="red" visibility="hidden">마바사아
<animate attributeType="CSS" attributeName="visibility" from="hidden" to="visible" begin="0s" dur="3s"repeatCount="indefinite"/>
</text>
</svg>
</body>
</html>728x90
'html and css' 카테고리의 다른 글
| [css] print 영역 지정 (0) | 2022.10.06 |
|---|---|
| [Restful API]HTTP method에 대해서 (0) | 2022.09.20 |
| input을 동적생성 했는데 submit이 되지 않을 경우 (0) | 2021.12.16 |
| swiper에 video태그를 넣었는데 영상이 멈추는 경우 (0) | 2021.12.01 |
| Position relative에 대해서 (0) | 2021.07.19 |
댓글