svg 코드좀 봐주세요
본문
아래 소스는 path 두개가 번갈아 가면서 나오는 svg소스입니다.
지금은 하나가 나오고 페이드아웃되면서 다음것이 페이드인되는데요
원하는것은
"페이드아웃이 아니고 그냥 딱! 나오고 3초 다음것이 딱! 나오고 3초 이렇게 계속 번갈아가면서 나오기"
를 원합니다.
페이드 아웃보다 쉬울것 같은데 잘 안되네요
고수님들의 소스수정 부탁드립니다.
<?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
<animate attributeType="CSS" attributeName="opacity" values="0;0;1;1;1;1;0;0" dur="4s" repeatCount="indefinite" />
에서 dur="4s" 이부분 0 으로 하면 되지 않을가요 ?
답변을 작성하시기 전에 로그인 해주세요.