Formulários

Robô que acompanha

por @ravox·css

0
#1b2027
1<div class="f"><svg class="robo" viewBox="0 0 132 76" aria-hidden="true">2  <path d="M66 14 V5" stroke="#8a939c" stroke-width="3"/>3  <circle class="luz" cx="66" cy="5" r="4.2" fill="#f25f4c"/><circle cx="64.6" cy="3.6" r="1.2" fill="#fff" opacity=".7"/>4  <rect x="17" y="28" width="11" height="22" rx="4" fill="#8f99a3"/><rect x="104" y="28" width="11" height="22" rx="4" fill="#8f99a3"/>5  <path d="M20 33 h5 M20 38 h5 M20 43 h5 M107 33 h5 M107 38 h5 M107 43 h5" stroke="#6b747d" stroke-width="1.4"/>6  <rect x="26" y="12" width="80" height="58" rx="17" fill="#d7dde3"/>7  <path d="M26 52 Q26 70 43 70 H89 Q106 70 106 52Z" fill="#b8c0c8"/>8  <path d="M38 17 H74" stroke="#f4f7fa" stroke-width="3" stroke-linecap="round"/>9  <circle cx="34" cy="22" r="2" fill="#9aa3ac"/><circle cx="98" cy="22" r="2" fill="#9aa3ac"/>10  <rect x="36" y="24" width="60" height="36" rx="10" fill="#131920" stroke="#0b0f13" stroke-width="2"/>11  <path d="M41 30 q6 -3 14 -2" fill="none" stroke="#ffffff26" stroke-width="2" stroke-linecap="round"/>12  <g class="olhos"><g class="pisca"><rect x="49" y="34" width="10" height="13" rx="5" fill="#7fe0d2"/><rect x="73" y="34" width="10" height="13" rx="5" fill="#7fe0d2"/><circle cx="56" cy="37.5" r="1.6" fill="#e9fffb"/><circle cx="80" cy="37.5" r="1.6" fill="#e9fffb"/></g></g>13  <rect class="bochecha" x="41" y="48" width="7" height="3" rx="1.5" fill="#f25f4c"/><rect class="bochecha" x="84" y="48" width="7" height="3" rx="1.5" fill="#f25f4c"/>14  <path class="boca-seria" d="M60 52 h12" stroke="#7fe0d2" stroke-width="2.4" stroke-linecap="round"/>15  <path class="boca-feliz" d="M59 50 q7 6 14 0" fill="none" stroke="#7fe0d2" stroke-width="2.4" stroke-linecap="round"/>16  <path d="M14 76 V70 Q14 63 21 63 H33 Q40 63 40 70 V76" fill="#9aa3ac" stroke="#5d656d" stroke-width="1.5"/>17  <path d="M92 76 V70 Q92 63 99 63 H111 Q118 63 118 70 V76" fill="#9aa3ac" stroke="#5d656d" stroke-width="1.5"/>18  <path d="M22.5 68 V76 M31.5 68 V76 M100.5 68 V76 M109.5 68 V76" stroke="#5d656d" stroke-width="1.5"/>19  <path d="M18 66 h6 M96 66 h6" stroke="#c4cbd2" stroke-width="1.5" stroke-linecap="round"/>20</svg>21  <div class="painel">22    <input id="nome" required minlength="2" placeholder="Seu nome" aria-label="Nome">23    <input id="email" type="email" required placeholder="E-mail" aria-label="E-mail">24    <button type="button">Enviar</button>25  </div>26</div>
#robô#contato#foco#escuro#divertido

Mais formulários

Ver todos