최종 수정일 :
(4년 전)
트와이스 젯디봉 모양 로더입니다.
위 파일을 내려받아 사용하시거나, 아래 코드를 복사해 html의 적당한 곳에 붙여 넣거나, svg 파일을 생성해서 사용하세요.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200" xml:space="preserve"><style>@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes blink{0%{opacity:0}49%{opacity:0}50%{opacity:1}100%{opacity:1}}.svg-rotate{animation:rotate .5s linear infinite;transform-origin:center center}.st0{fill:none;stroke:url(#candyZ);stroke-width:20;stroke-dasharray:0}.st1{fill:#b41c1c;transform-origin:center;animation:blink .5s linear infinite}.st2{fill:none;stroke:transparent;stroke-dasharray:28;stroke-width:20;opacity:.2}</style><defs><filter id="twiceGlow" height="300%" width="300%" x="-75%" y="-75%"><feMorphology operator="dilate" radius="2" in="SourceAlpha" result="thicken" /><feGaussianBlur in="thicken" stdDeviation="10" result="blurred" /><feFlood flood-color="#E85252" result="glowColor" /><feComposite in="glowColor" in2="blurred" operator="in" result="softGlow_colored" /><feMerge><feMergeNode in="softGlow_colored"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g><linearGradient id="candyZ" gradientUnits="userSpaceOnUse" x1="-247.5771" y1="449.481" x2="-246.874" y2="448.778" gradientTransform="matrix(195.5236 0 0 -178.3858 48438.8789 80212.4297)"><stop offset="0" style="stop-color:#F1326F" /><stop offset="1" style="stop-color:#E09050" /></linearGradient><g class="svg-rotate"><circle class="st0" cx="100" cy="100" r="88.9" filer="url(#red-orangeGlow)"></circle></g><circle class="st2" cx="100" cy="100" r="88.9"></circle><g><path class="st1" filter="url(#twiceGlow)" d="M130,97c0.5-0.6,2.7,1.2,1.9,2.3c-1.3,1.8-3.4-1.3-4-2.1c-0.3-0.4-0.6-0.8-1-1.1c-0.7-0.6-1.6-1-2.5-1.1 c-2.1-0.2-5.9,1.9-6,4.2c-0.1,1.5,1.4,2.4,2.1,3.5c1.2,1.9,1.9,4.3,2.1,6.5c0.4,4.3-0.5,8.6-2.7,12.4c-2,3.5-7.2,8.3-11,3.9 c1.8-1.7,3.3-3.7,4.4-5.9c1.1-2,1.8-4.1,2.1-6.3c0.3-1.8,0.2-3.7-0.4-5.4c-0.5-1.5-1.6-2.7-3.1-3.3c-2.7-1.2-5.9-0.8-8.2,1.1 c-1.2,0.9-2.1,2.1-2.8,3.5c-0.7,1.6-1.2,3.2-1.3,5c-0.1,1.9,0.1,3.8,0.5,5.6c0.5,2.2,1.4,4.3,2.6,6.1c-0.6,0.6-1.3,1.1-2.1,1.4 c-0.7,0.3-1.5,0.4-2.2,0.2c-1.4-0.3-2.6-1.1-3.5-2.2l0-0.1l-0.1-0.1c-0.6-0.9-1-1.9-1.2-3c-0.3-2.1-0.2-5.1,0.4-8.4 c0.5-2.3,1.1-4.7,1.9-6.9c0.1-0.3,0.2-0.6,0.3-0.9c2.6-6.4,5.7-13.5,7.4-17.3c3,0.1,5.9,0.1,8.9-0.2c17.3-1.9,15.2-21.8,15.2-21.8 c-8.4,10.7-25.8,8.8-37.6,11.7c-10.7,2.6-23.6,12.3-26,24.2c-2.8,13.8,5.8,14.6,5.8,14.6l8.4-6.9c-10.7-1.3-10.7-14.1-2.7-19.6 c3.7-2.5,9.1-2.9,15.1-2.7c-1.6,5.4-5.7,20-6.2,27.5c-0.6,9,1.5,15.5,11,17.1c0.7,0.1,1.5,0.1,2.2,0.1h0c2.4-0.2,4.9-1.5,7.4-3.8 c1.3,1.7,2.7,2.8,4.2,3.3c6.9,2.4,12.5-1.7,16-7.2c1.2-2,2.2-4.1,3.1-6.2c0.2-0.5,0.4-1,0.6-1.6c1.2-3.5,2.1-7.8,1.6-12.1 c0.4-0.1,0.8-0.2,1.2-0.3c2.4-1,4-2.9,4.2-5.6C136.5,96,132.7,93.9,130,97z M107.6,122.5c0,0,0-0.1-0.1-0.1 c-0.3-0.7-0.5-1.4-0.7-2.1c-0.4-1.8-0.8-5.1,0.3-6.7l0,0c0.9-1.3,2.5-1.5,3.3,0c0.7,1.2-0.3,3.3-0.8,4.5 C109.1,119.5,108.4,121,107.6,122.5z" /></g></g></svg>
