아래 소스는 path 두개가 번갈아 가면서 나오는 svg소스입니다.
지금은 하나가 나오고 페이드아웃되면서 다음것이 페이드인되는데요
원하는것은
"페이드아웃이 아니고 그냥 딱! 나오고 3초 다음것이 딱! 나오고 3초 이렇게 계속 번갈아가면서 나오기"
를 원합니다.
페이드 아웃보다 쉬울것 같은데 잘 안되네요
고수님들의 소스수정 부탁드립니다.
Copy
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 120 45" style="enable-background:new 0 0 120 45;" xml:space="preserve" width="120" height="45">
<g>
<rect width="120" height="45" style="fill:#FFFFFF;stroke-width:1;stroke:#c4c4c4;" />
<path d="***********************"/>
</g>
<g>
<rect width="120" height="45" style="fill:#FFFFFF;stroke-width:1;stroke:#c4c4c4;" />
<path d="--------------------------"/>
<animate attributeType="CSS" attributeName="opacity" values="0;0;1;1;1;1;0;0" dur="4s" repeatCount="indefinite" />
</g>
</svg>답변 1개
채택된 답변
+20 포인트
myzone
<animate attributeType="CSS" attributeName="opacity" values="0;0;1;1;1;1;0;0" dur="4s" repeatCount="indefinite" />
에서 dur="4s" 이부분 0 으로 하면 되지 않을가요 ?
답변을 작성하려면 로그인이 필요합니다.