Toggles

Gato empurrando a caneca

por @ravox·css

0
#f3e9dc
1<label class="t"><input type="checkbox" aria-label="Deixar o gato empurrar a caneca"><span class="trilho"><span class="braco e"><span><span><svg width="152" height="44" viewBox="0 0 152 44" aria-hidden="true">2  <path d="M0 13 H122 V31 H0 Z" fill="#ee9a43"/>3  <path d="M0 13 H122" stroke="#f7b86f" stroke-width="2.5"/>4  <g fill="#c86d22">5    <path d="M20 13 q5 9 0 18 h6 q4 -9 0 -18z"/>6    <path d="M48 13 q5 9 0 18 h6 q4 -9 0 -18z"/>7    <path d="M76 13 q5 9 0 18 h6 q4 -9 0 -18z"/>8    <path d="M102 13 q4 9 0 18 h5 q3 -9 0 -18z"/>9  </g>10  <g fill="#ee9a43">11    <ellipse cx="128" cy="22" rx="15" ry="14"/>12    <circle cx="139" cy="12.5" r="6.5"/>13    <circle cx="143.5" cy="22" r="7"/>14    <circle cx="139" cy="31.5" r="6.5"/>15  </g>16  <path d="M121 13 q8 -4 16 -3" stroke="#f7b86f" stroke-width="2.5" fill="none" stroke-linecap="round"/>17  <path d="M133 16.5 l6 1.5 M135 22 h7 M133 27.5 l6 -1.5" stroke="#9c5215" stroke-width="2" stroke-linecap="round"/>18</svg></span></span></span><span class="braco d"><span><span><svg width="152" height="44" viewBox="0 0 152 44" aria-hidden="true">19  <path d="M0 13 H122 V31 H0 Z" fill="#ee9a43"/>20  <path d="M0 13 H122" stroke="#f7b86f" stroke-width="2.5"/>21  <g fill="#c86d22">22    <path d="M20 13 q5 9 0 18 h6 q4 -9 0 -18z"/>23    <path d="M48 13 q5 9 0 18 h6 q4 -9 0 -18z"/>24    <path d="M76 13 q5 9 0 18 h6 q4 -9 0 -18z"/>25    <path d="M102 13 q4 9 0 18 h5 q3 -9 0 -18z"/>26  </g>27  <g fill="#ee9a43">28    <ellipse cx="128" cy="22" rx="15" ry="14"/>29    <circle cx="139" cy="12.5" r="6.5"/>30    <circle cx="143.5" cy="22" r="7"/>31    <circle cx="139" cy="31.5" r="6.5"/>32  </g>33  <path d="M121 13 q8 -4 16 -3" stroke="#f7b86f" stroke-width="2.5" fill="none" stroke-linecap="round"/>34  <path d="M133 16.5 l6 1.5 M135 22 h7 M133 27.5 l6 -1.5" stroke="#9c5215" stroke-width="2" stroke-linecap="round"/>35</svg></span></span></span><span class="bola"><svg width="46" height="50" viewBox="0 0 46 50" aria-hidden="true">36  <path d="M34 16h4a8 8 0 0 1 0 16h-4" fill="none" stroke="#e9e2d6" stroke-width="5"/>37  <path d="M3 8h32v30a10 10 0 0 1-10 10H13A10 10 0 0 1 3 38z" fill="#fbf8f2"/>38  <path d="M3 8h32v30a10 10 0 0 1-10 10h-2a10 10 0 0 0 10-10V8z" fill="#e6ddcf"/>39  <ellipse cx="19" cy="8" rx="16" ry="4.5" fill="#fff"/>40  <ellipse cx="19" cy="8.6" rx="13" ry="3" fill="#4a2a17"/>41  <path d="M9 22h6M9 27h10" stroke="#e9573f" stroke-width="3" stroke-linecap="round"/>42</svg></span></span></label>
#gato#caneca#madeira#claro#divertido

Mais toggles

Ver todos