Chubby Cupid

HTML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" enable-background="new 0 0 600 600" id="cupid"><g class="right-wing"><path fill="#fff" d="M501.707 305.047c-6.061 0-9.882-5.213-11.185-8.294-.153-.361-.258-.741-.312-1.129l-4.887-34.924c-.165-1.185.147-2.387.87-3.341.938-1.237 23.236-30.378 47.793-37.772 2.405-.724 4.851-1.091 7.266-1.091 16.789 0 30.302 18.039 35.752 34.798 2.269 6.979 3.921 16.063-1.095 19.711-3.406 2.478-7.035 3.734-10.787 3.734-.69 0-1.355-.043-1.993-.12l-.05.211c-.583 2.366-2.331 5.489-7.348 7.77-2.302 1.046-4.586 1.401-6.788 1.401h-.002c-1.476 0-2.827-.061-4.054-.458-.996 2.468-2.843 4.869-6.006 6.421-1.847.906-3.789 1.409-5.775 1.409-1.745 0-3.346-.329-4.762-.854-1.018 1.776-2.442 3.626-4.813 5.405-2.134 1.6-4.532 2.417-6.532 2.418v.003c-2 0-2.989-.318-4.318-.929-1.084 1.333-2.659 2.621-4.643 3.794-2.065 1.217-4.25 1.837-6.331 1.837z"/><path class="" d="M541.252 222.995c23.415-.004 38.229 41.848 32.011 46.37-2.963 2.155-5.746 2.873-8.141 2.873-4.789 0-8.021-2.873-8.021-2.873s5.656 7.273-3.232 11.313c-1.849.841-3.489 1.174-4.926 1.174-5.469 0-8.003-4.822-8.003-4.822s2.424 7.81-4.04 10.981c-1.319.647-2.597.905-3.793.905-4.665 0-8.107-3.916-8.107-3.916s2.333 4.333-4.333 9.333c-1.449 1.087-2.789 1.512-3.996 1.512-3.47 0-5.861-3.508-6.686-4.927-.167-.374-.318-.585-.318-.585s.108.225.318.585c.618 1.385 1.456 5.003-4.318 8.415-1.466.866-2.787 1.213-3.96 1.213-4.694 0-7.04-5.547-7.04-5.547l-4.886-34.924s22.068-29.125 45.502-36.181c2.042-.614 4.037-.899 5.969-.899m.003-8.995h-.005c-2.856 0-5.737.429-8.562 1.28-25.944 7.811-49.108 38.077-50.081 39.362-1.445 1.908-2.071 4.311-1.74 6.682l4.886 34.924c.109.777.319 1.536.624 2.259 2.154 5.093 7.462 11.04 15.329 11.04 2.898 0 5.77-.829 8.538-2.465 1.321-.78 2.503-1.625 3.544-2.531.943.195 1.905.295 2.881.295 3.258 0 6.507-1.145 9.396-3.312 1.694-1.271 3.05-2.571 4.134-3.856.925.153 1.895.239 2.905.239 2.679 0 5.289-.614 7.757-1.825 2.6-1.276 4.742-3.096 6.331-5.323.569.055 1.152.083 1.748.083 2.849 0 5.76-.666 8.651-1.98 4.638-2.108 7.198-4.983 8.602-7.66 4.334-.217 8.487-1.751 12.361-4.568 5.781-4.204 6.698-12.526 2.726-24.741-6.133-18.868-20.889-37.903-40.025-37.903z"/></g><g class="left-wing"><path fill="#fff" d="M98.293 305c-2.082 0-4.184-.596-6.249-1.815-1.984-1.173-3.476-2.448-4.56-3.781-1.33.611-2.729.937-4.154.937-2.31 0-4.562-.809-6.697-2.409-2.372-1.779-3.96-3.616-4.978-5.392-1.417.525-3.016.877-4.762.877-1.986 0-3.929-.459-5.775-1.365-3.164-1.552-5.01-3.865-6.006-6.334-1.226.397-2.58.634-4.055.634-2.202 0-4.486-.53-6.788-1.577-5.018-2.281-6.766-5.58-7.349-7.945l-.049-.211c-.639.077-1.303.12-1.994.12-3.751 0-7.38-1.256-10.787-3.733-5.016-3.648-3.363-12.733-1.094-19.712 5.45-16.76 18.962-34.797 35.751-34.797 2.416 0 4.86.367 7.266 1.091 24.556 7.394 46.854 36.535 47.792 37.772.723.954 1.036 2.156.87 3.341l-4.886 34.924c-.054.388-.159.745-.312 1.106-1.303 3.081-5.125 8.271-11.184 8.271v-.002z"/><path d="M58.748 222.995c1.932 0 3.926.286 5.969.901 23.434 7.056 45.502 36.181 45.502 36.181l-4.886 34.923s-2.346 5.547-7.04 5.547c-1.173 0-2.494-.347-3.96-1.213-5.774-3.412-4.935-7.03-4.318-8.415.209-.36.318-.585.318-.585s-.151.211-.318.585c-.825 1.419-3.216 4.927-6.686 4.927-1.208 0-2.547-.426-3.996-1.512-6.666-5.001-4.333-9.334-4.333-9.334s-3.442 3.916-8.106 3.916c-1.196 0-2.473-.258-3.793-.905-6.465-3.172-4.04-10.981-4.04-10.981s-2.534 4.822-8.003 4.822c-1.437 0-3.077-.333-4.926-1.174-8.889-4.04-3.232-11.313-3.232-11.313s-3.232 2.873-8.021 2.873c-2.394 0-5.178-.718-8.141-2.873-6.219-4.523 8.595-46.37 32.01-46.37m0-9c-9.576 0-18.784 4.779-26.629 13.821-5.661 6.524-10.546 15.303-13.402 24.086-3.972 12.213-3.054 20.538 2.727 24.742 3.873 2.817 8.026 4.351 12.361 4.568 1.404 2.677 3.964 5.552 8.602 7.66 2.891 1.314 5.801 1.98 8.651 1.98.584 0 1.154-.027 1.711-.08 1.511 2.116 3.603 3.963 6.368 5.319 2.468 1.211 5.078 1.825 7.757 1.825 1.01 0 1.98-.086 2.905-.239 1.084 1.285 2.44 2.585 4.134 3.856 2.889 2.167 6.138 3.312 9.396 3.312.976 0 1.938-.1 2.881-.295 1.041.906 2.223 1.751 3.544 2.531 2.768 1.636 5.641 2.465 8.539 2.465 7.868 0 13.175-5.948 15.329-11.041.306-.723.515-1.482.624-2.259l4.886-34.924c.332-2.37-.294-4.775-1.74-6.682-.973-1.285-24.137-31.552-50.081-39.363-2.826-.851-5.708-1.282-8.563-1.282z"/></g><path class="right-leg" fill="#FFEBB9" stroke="#000" stroke-width="9" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M376.605 466.039s1.88 32.147 11.454 43.734c-5.595 12.988.454 42.271 25.283 37.997 26.812-4.615 24.975-37.704 17.453-42.202 0 0 7.179-15.054 6.066-40.339l-60.256.81z"/><path class="left-leg" fill="#FFEBB9" stroke="#000" stroke-width="9" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M223.395 466.039s-1.88 32.147-11.454 43.734c5.595 12.988-1.454 42.271-26.283 37.997-26.812-4.615-23.975-37.704-16.453-42.202 0 0-7.179-15.054-6.066-40.339l60.256.81z"/><g><g><path fill="#FFC1AA" d="M486.89 190.99c-2.62 13.74-6.53 24.23-9.37 30.65-.98 2.21-1.83 3.95-2.46 5.16-6.14-2.61-10.56-9.88-10.56-18.43 0-10.75 6.98-19.46 15.59-19.46 2.52 0 4.82.75 6.8 2.08z"/><path fill="#FAE7D0" d="M478.14 222l-.55.08-.07-.44c2.84-6.42 6.75-16.91 9.37-30.65 4.8 3.19 7.79 9.78 7.79 17.38 0 9.17-4.35 16.86-10.97 18.92-3.42-3.49-5.57-5.29-5.57-5.29z"/><path fill="#FAE7D0" d="M465.5 350.17c.83 0 1.64.08 2.43.23-1.19 5.43-2.4 10.57-3.31 15.13-.59 2.96-1.08 6.17-1.37 9.49-5.91-1.05-10.39-6.17-10.39-12.32 0-6.92 5.66-12.53 12.64-12.53z"/><path fill="#fff" d="M88.3 412.07c5.33 4.87 11.75 7.34 19.23 6.76 20.72-1.59 27.97-15.97 29.3-31.26 34.77 11.02 88.69 22.4 163.17 22.4s128.4-11.38 163.17-22.4c1.33 15.3 8.57 29.67 29.3 31.26 3.4.26 6.58-.11 9.54-1.04-11 40.28-51.02 85.94-205.29 87.17-154.27-1.23-197.82-51.57-209.28-91.85l.86-1.04z"/><ellipse cx="417.33" cy="230" rx="9" ry="12"/><path fill="#fff" d="M439 227.33c0 13.63-9.7 24.67-21.67 24.67-11.96 0-21.66-11.04-21.66-24.67 0-13.62 9.7-24.66 21.66-24.66 11.97 0 21.67 11.04 21.67 24.66zm-12.67 2.67c0-6.63-4.03-12-9-12s-9 5.37-9 12 4.03 12 9 12 9-5.37 9-12z"/><ellipse cx="176.67" cy="230" rx="9" ry="12"/><path fill="#fff" d="M161 231.33c0-13.62 9.7-24.66 21.67-24.66 11.96 0 21.66 11.04 21.66 24.66 0 13.63-9.7 24.67-21.66 24.67-11.97 0-21.67-11.04-21.67-24.67zm24.67-1.33c0-6.63-4.03-12-9-12s-9 5.37-9 12 4.03 12 9 12 9-5.37 9-12z"/><path fill="#FFC1AA" d="M100.62 162.29c-5.62-34.79 17.94-46.23 31.88-45.79 11.27.35 20.05 4.87 23.64 12.72l-21.07 13.77c-7.67 7.16-1.65 15.12 6.1 15.12 18.29 0 18.37-21.45 14.97-28.89 14.27.23 25.57-6.32 35.73-16.06 14.31-13.71 55.59-62.51 139.44-61.58 107.69 1.2 109.37 56.04 109.37 56.04 9.33-10.77 45.33-11.58 48.72 42.74.97 15.48-.32 29.18-2.51 40.63-1.98-1.33-4.28-2.08-6.8-2.08-8.61 0-15.59 8.71-15.59 19.46 0 8.55 4.42 15.82 10.56 18.43-.72 1.38-1.15 2.1-1.15 2.1s-36.09-13.55-44.58-56.48c0 0-15.5 18.29-46.51 21.28 0 0 7.59-15.47-.15-29.41-53.41 13.68-184.34 47.1-247.44 29.67l.07-.09c-2.76-3.08-6.39-4.96-10.39-4.96-.9 0-1.77.09-2.6.28-11.88-5.78-19.68-14.47-21.69-26.9z"/><path fill="#FFC1AA" d="M156.14 129.22c3.4 7.44 3.32 28.89-14.97 28.89-7.75 0-13.77-7.96-6.1-15.12l21.07-13.77z"/><path fill="#FAE7D0" d="M135.38 365.53c-.91-4.56-2.12-9.7-3.31-15.13.79-.15 1.6-.23 2.43-.23 6.98 0 12.64 5.61 12.64 12.53 0 6.15-4.48 11.27-10.39 12.32-.29-3.32-.78-6.53-1.37-9.49z"/><path fill="#FBB03B" d="M135.3 193.87l-.07.09c-4.71-1.3-9.03-2.88-12.92-4.77.83-.19 1.7-.28 2.6-.28 4 0 7.63 1.88 10.39 4.96z"/><path fill="#FAE7D0" d="M120.21 222.99c-.77.79-1.57 1.64-2.41 2.55-4.62-3.27-7.48-9.73-7.48-17.17 0-9.63 4.8-17.62 11.99-19.18 3.89 1.89 8.21 3.47 12.92 4.77-7.19 9.12-11.68 18.98-12.98 29.29l-2.04-.26z"/><path fill="#FFEBB9" d="M417.33 252c11.97 0 21.67-11.04 21.67-24.67 0-13.62-9.7-24.66-21.67-24.66-11.96 0-21.66 11.04-21.66 24.66 0 13.63 9.7 24.67 21.66 24.67zm45.92 123.02c.29-3.32.78-6.53 1.37-9.49.91-4.56 2.12-9.7 3.31-15.13-.79-.15-1.6-.23-2.43-.23-6.98 0-12.64 5.61-12.64 12.53 0 6.15 4.48 11.27 10.39 12.32zm-280.58-168.35c-11.97 0-21.67 11.04-21.67 24.66 0 13.63 9.7 24.67 21.67 24.67 11.96 0 21.66-11.04 21.66-24.67 0-13.62-9.7-24.66-21.66-24.66zm-45.92 168.35c5.91-1.05 10.39-6.17 10.39-12.32 0-6.92-5.66-12.53-12.64-12.53-.83 0-1.64.08-2.43.23 1.19 5.43 2.4 10.57 3.31 15.13.59 2.96 1.08 6.17 1.37 9.49zm-29.22 43.81c-7.48.58-13.9-1.89-19.23-6.76-16.76-15.34-22.63-54.48-16.18-97.38 6.32-42.03 31.29-73.73 45.68-89.15 1.25.89 2.62 1.54 4.11 1.92.05-1.41.17-2.82.34-4.21 1.3-10.31 5.79-20.17 12.98-29.29 63.1 17.43 194.03-15.99 247.44-29.67 7.74 13.94.15 29.41.15 29.41 31.01-2.99 46.51-21.28 46.51-21.28 8.49 42.93 44.58 56.48 44.58 56.48s.43-.72 1.15-2.1c.97.42 1.99.72 3.04.88.65.11 1.32.16 1.99.16 1.27 0 2.48-.19 3.62-.55 11.5 11.73 37.42 42.51 44.17 87.4 7.57 50.34-1.82 95.5-25.87 103.1-2.96.93-6.14 1.3-9.54 1.04-20.73-1.59-27.97-15.96-29.3-31.26-34.77 11.02-88.69 22.4-163.17 22.4s-128.4-11.38-163.17-22.4c-1.33 15.29-8.58 29.67-29.3 31.26z"/></g><g stroke="#000" stroke-miterlimit="10" fill="none"><path stroke-width="6" d="M439 227.33c0 13.63-9.7 24.67-21.67 24.67-11.96 0-21.66-11.04-21.66-24.67 0-13.62 9.7-24.66 21.66-24.66 11.97 0 21.67 11.04 21.67 24.66z"/><path stroke-width="6" d="M161 231.33c0 13.63 9.7 24.67 21.67 24.67 11.96 0 21.66-11.04 21.66-24.67 0-13.62-9.7-24.66-21.66-24.66-11.97 0-21.67 11.04-21.67 24.66z"/><ellipse cx="417.33" cy="230" rx="9" ry="12"/><ellipse cx="176.67" cy="230" rx="9" ry="12"/><path stroke-width="8" stroke-linecap="round" d="M135.23 193.96c-7.19 9.12-11.68 18.98-12.98 29.29-.17 1.39-.29 2.8-.34 4.21-.04.67-.05 1.34-.05 2.02 0 19.84 11.82 35.61 31.99 47.55"/><path stroke-width="8" stroke-linecap="round" d="M446.15 277.03c20.17-11.94 31.99-27.71 31.99-47.55 0-.6-.01-1.2-.04-1.8-.06-1.88-.23-3.75-.51-5.6l-.07-.44"/><path stroke-width="9" stroke-linecap="round" d="M478.14 222s2.15 1.8 5.57 5.29c11.5 11.73 37.42 42.51 44.17 87.4 7.57 50.34-1.82 95.5-25.87 103.1-2.96.93-6.14 1.3-9.54 1.04-20.73-1.59-27.97-15.96-29.3-31.26-.37-4.2-.29-8.46.08-12.55.29-3.32.78-6.53 1.37-9.49.91-4.56 2.12-9.7 3.31-15.13 4-18.23 7.84-39.62-.13-52.5"/><path stroke-width="9" stroke-linecap="round" d="M120.21 222.99c-.77.79-1.57 1.64-2.41 2.55-14.39 15.42-39.36 47.12-45.68 89.15-6.45 42.9-.58 82.04 16.18 97.38 5.33 4.87 11.75 7.34 19.23 6.76 20.72-1.59 27.97-15.97 29.3-31.26.37-4.2.29-8.46-.08-12.55-.29-3.32-.78-6.53-1.37-9.49-.91-4.56-2.12-9.7-3.31-15.13-4-18.23-7.84-39.62.13-52.5"/><path stroke-width="7" stroke-linecap="round" d="M368.35 233.84s-8.94 1.19-8.34 13.71c.02.33.04.65.07.96.92 11.57 8.27 11.57 8.27 11.57"/><path stroke-width="7" stroke-linecap="round" d="M231.65 233.84s8.94 1.19 8.34 13.71c-.02.33-.04.65-.07.96-.92 11.57-8.27 11.57-8.27 11.57"/><path stroke-width="7" d="M239.92 248.51c30.63 4.68 89.54 4.67 120.16 0"/><path stroke-width="9" stroke-linecap="round" d="M87.44 413.11c11.46 40.28 55.01 90.62 209.28 91.85 154.27-1.23 194.29-46.89 205.29-87.17"/><path stroke-width="7" d="M136.83 387.57c34.77 11.02 88.69 22.4 163.17 22.4s128.4-11.38 163.17-22.4"/><path stroke-width="8" d="M463.25 375.02c-5.91-1.05-10.39-6.17-10.39-12.32 0-6.92 5.66-12.53 12.64-12.53.83 0 1.64.08 2.43.23"/><path stroke-width="8" d="M132.07 350.4c.79-.15 1.6-.23 2.43-.23 6.98 0 12.64 5.61 12.64 12.53 0 6.15-4.48 11.27-10.39 12.32"/><path stroke-width="8" d="M486.89 190.99c4.8 3.19 7.79 9.78 7.79 17.38 0 9.17-4.35 16.86-10.97 18.92-1.14.36-2.35.55-3.62.55-.67 0-1.34-.05-1.99-.16-1.05-.16-2.07-.46-3.04-.88"/><path stroke-width="8" d="M122.31 189.19c-7.19 1.56-11.99 9.55-11.99 19.18 0 7.44 2.86 13.9 7.48 17.17 1.25.89 2.62 1.54 4.11 1.92"/><path stroke-width="7" stroke-linecap="round" stroke-linejoin="round" d="M306.33 384.33l-6.33 6.25-6.33-6.25"/><path stroke-width="7" stroke-linecap="round" stroke-linejoin="round" d="M306.33 396l-6.33-5.42-6.33 5.42"/><path stroke-width="8" stroke-linecap="round" stroke-linejoin="round" d="M156.14 129.22c-3.59-7.85-12.37-12.37-23.64-12.72-13.94-.44-37.5 11-31.88 45.79 2.01 12.43 9.81 21.12 21.69 26.9 3.89 1.89 8.21 3.47 12.92 4.77 63.1 17.43 194.03-15.99 247.44-29.67 7.74 13.94.15 29.41.15 29.41 31.01-2.99 46.51-21.28 46.51-21.28 8.49 42.93 44.58 56.48 44.58 56.48s.43-.72 1.15-2.1c.63-1.21 1.48-2.95 2.46-5.16 2.84-6.42 6.75-16.91 9.37-30.65 2.19-11.45 3.48-25.15 2.51-40.63-3.39-54.32-39.39-53.51-48.72-42.74 0 0-1.68-54.84-109.37-56.04-83.85-.93-125.13 47.87-139.44 61.58-10.16 9.74-21.46 16.29-35.73 16.06 3.4 7.44 3.32 28.89-14.97 28.89-7.75 0-13.77-7.96-6.1-15.12"/></g></g></svg>
CSS
svg { max-height: 100vh; } body { background: #FF6E8B; overflow: hidden; } #cupid { animation: float 1s infinite ease alternate-reverse; } .right-wing { animation: flap-right 0.2s infinite ease; } .left-wing { animation: flap-left 0.2s infinite ease; } .right-leg, .left-leg { animation: legs 0.8s 0.2s infinite alternate-reverse; } @keyframes float{ 0%{ transform: translateY(0) } 100%{ transform: translateY(-2%) ; } } @keyframes flap-right { 0% { transform:rotate(0deg); } 50% { transform:rotate(1deg); } 100% { transform:rotate(0deg) } } @keyframes flap-left { 0% { transform:rotate(0deg); } 50% { transform:rotate(1deg); } 100% { transform:rotate(0deg) } } @keyframes legs { 0%{ transform: translateY(0); } 100%{ transform: translateY(7%); } }
JAVASCRIPT
Expand for more options Login