Formulários

Combustível do cadastro

por @ravox·css

0
#0f1729
1<div class="f">2  <svg class="ceu" viewBox="0 0 240 220" preserveAspectRatio="xMidYMax slice" aria-hidden="true">3  <g fill="#c9d4f0"><circle cx="70" cy="14" r=".9"/><circle cx="112" cy="8" r="1"/><circle cx="96" cy="44" r=".7"/><circle cx="12" cy="66" r=".8"/><circle cx="228" cy="8" r=".9"/><circle cx="88" cy="100" r=".7"/><circle cx="56" cy="54" r=".6"/><circle cx="8" cy="140" r=".8"/><circle cx="104" cy="128" r=".6"/></g>4  <path class="brilho" d="M84 19 Q84.9 23.1 89 24 Q84.9 24.9 84 29 Q83.1 24.9 79 24 Q83.1 23.1 84 19Z" fill="#fff4d6"/><path class="brilho" d="M16 100.5 Q16.63 103.37 19.5 104 Q16.63 104.63 16 107.5 Q15.37 104.63 12.5 104 Q15.37 103.37 16 100.5Z" fill="#fff4d6"/><path class="brilho" d="M100 71 Q100.54 73.46 103 74 Q100.54 74.54 100 77 Q99.46 74.54 97 74 Q99.46 73.46 100 71Z" fill="#fff4d6"/><path class="brilho" d="M62 37.6 Q62.432 39.568 64.4 40 Q62.432 40.432 62 42.4 Q61.568 40.432 59.6 40 Q61.568 39.568 62 37.6Z" fill="#fff4d6"/>5  <ellipse cx="30" cy="56" rx="22" ry="5.5" fill="none" stroke="#f2c79a" stroke-width="2" transform="rotate(-18 30 56)"/>6  <circle cx="30" cy="56" r="11" fill="#e8845c"/>7  <path d="M35 46.5 C44 54 42 66 31 67 C38 62 40 54 35 46.5Z" fill="#c9663f"/>8  <path d="M23 52 q4 -2 9 -1 M22 58 q5 -1 10 0" fill="none" stroke="#f2a47e" stroke-width="1.4" stroke-linecap="round"/>9  <path d="M9.1 62.8 A22 5.5 -18 0 0 50.9 49.2" fill="none" stroke="#f2c79a" stroke-width="2"/>10  <path d="M0 186 C50 176 120 184 240 172 V220 H0Z" fill="#b7bccd"/>11  <path d="M0 186 C50 176 120 184 240 172" fill="none" stroke="#dfe3ee" stroke-width="2"/>12  <ellipse cx="30" cy="204" rx="14" ry="3.6" fill="#9a9fb3"/><ellipse cx="31" cy="205" rx="10" ry="2.2" fill="#a9aec0"/>13  <ellipse cx="128" cy="196" rx="9" ry="2.6" fill="#9a9fb3"/><ellipse cx="200" cy="206" rx="12" ry="3" fill="#9a9fb3"/>14</svg><svg class="cena" viewBox="0 0 100 120" aria-hidden="true">15  <ellipse class="sombra" cx="68" cy="114" rx="20" ry="3" fill="#0a1022aa"/>16  <rect x="6" y="108" width="22" height="6" rx="2" fill="#56607a"/>17  <rect x="4" y="46" width="26" height="64" rx="13" fill="#d6dae3" stroke="#0b1226" stroke-width="1.5"/>18  <path d="M22 47 Q30 50 30 60 V96 Q30 108 22 109Z" fill="#b4bac8"/>19  <path d="M9 58 V96" stroke="#fff" stroke-width="2" stroke-linecap="round" opacity=".7"/>20  <rect x="13" y="38" width="8" height="9" rx="2" fill="#8a93a8" stroke="#0b1226" stroke-width="1.2"/>21  <circle cx="17" cy="35" r="4" fill="none" stroke="#f2994a" stroke-width="2"/>22  <rect x="10" y="58" width="14" height="42" rx="4" fill="#0f1830"/>23  <rect class="n n1" x="12" y="88" width="10" height="10" rx="1.5" fill="#ffb547"/>24  <rect class="n n2" x="12" y="76" width="10" height="10" rx="1.5" fill="#ffb547"/>25  <rect class="n n3" x="12" y="64" width="10" height="10" rx="1.5" fill="#ffb547"/>26  <path d="M24 74.5 h3 M24 86.5 h3" stroke="#8a93a8" stroke-width="1.2"/>27  <path class="mangueira" d="M30 80 C40 80 36 62 46 60" fill="none" stroke="#f2994a" stroke-width="3" stroke-linecap="round"/>28  <g class="astro">29    <g class="chama"><path d="M50 86 C45 97 50 108 55 114 C60 108 63 97 58 86Z" fill="#ffb547"/><path d="M52 88 C50 96 52 102 54.5 106 C57 101 57 95 56 88Z" fill="#fff1c9"/></g>30    <rect x="44" y="44" width="48" height="42" rx="9" fill="#b9bfcc" stroke="#0b1226" stroke-width="1.5"/>31    <path d="M56 84 H66 V104 H56Z M70 84 H80 V104 H70Z" fill="#eceef3" stroke="#0b1226" stroke-width="1.5"/>32    <rect x="53" y="101" width="15" height="10" rx="4" fill="#5b6478" stroke="#0b1226" stroke-width="1.5"/>33    <rect x="69" y="101" width="15" height="10" rx="4" fill="#5b6478" stroke="#0b1226" stroke-width="1.5"/>34    <rect x="50" y="46" width="36" height="42" rx="12" fill="#f4f5f8" stroke="#0b1226" stroke-width="1.5"/>35    <path d="M76 47.5 Q85 52 85 62 V76 Q85 86 76 87Z" fill="#d7dbe4"/>36    <rect x="51" y="78" width="34" height="5" fill="#d7dbe4"/>37    <rect x="58" y="58" width="20" height="12" rx="2.5" fill="#22304f" stroke="#0b1226" stroke-width="1"/>38    <circle class="led" cx="63" cy="64" r="1.8" fill="#f25f4c"/><circle class="led l2" cx="68" cy="64" r="1.8" fill="#ffb547"/><circle class="led l3" cx="73" cy="64" r="1.8" fill="#6fd08c"/>39    <circle cx="80" cy="53" r="2.6" fill="#f2994a"/>40    <path d="M51 54 C43 60 41 70 45 78" fill="none" stroke="#0b1226" stroke-width="11.5" stroke-linecap="round"/>41    <path d="M51 54 C43 60 41 70 45 78" fill="none" stroke="#f4f5f8" stroke-width="8.5" stroke-linecap="round"/>42    <circle cx="45" cy="80" r="5" fill="#e2e5ec" stroke="#0b1226" stroke-width="1.5"/><path d="M41 77 h8" stroke="#f2994a" stroke-width="2"/>43    <g class="aceno">44      <path d="M85 54 C93 50 97 40 95 31" fill="none" stroke="#0b1226" stroke-width="11.5" stroke-linecap="round"/>45      <path d="M85 54 C93 50 97 40 95 31" fill="none" stroke="#f4f5f8" stroke-width="8.5" stroke-linecap="round"/>46      <circle cx="95" cy="27" r="5.5" fill="#e2e5ec" stroke="#0b1226" stroke-width="1.5"/><path d="M90.5 31 h9" stroke="#f2994a" stroke-width="2"/>47    </g>48    <rect x="54" y="43" width="28" height="5" rx="2.5" fill="#f2994a" stroke="#0b1226" stroke-width="1"/>49    <rect x="44" y="21" width="6" height="12" rx="2" fill="#f2994a" stroke="#0b1226" stroke-width="1.2"/>50    <rect x="86" y="21" width="6" height="12" rx="2" fill="#f2994a" stroke="#0b1226" stroke-width="1.2"/>51    <circle cx="68" cy="27" r="20" fill="#f4f5f8" stroke="#0b1226" stroke-width="1.8"/>52    <path d="M77 10 C90 18 90 37 79 45 C84 35 84 20 77 10Z" fill="#d7dbe4"/>53    <rect x="52" y="15" width="32" height="24" rx="11" fill="#1b2745" stroke="#0b1226" stroke-width="1.5"/>54    <circle cx="63" cy="28" r="1.5" fill="#e6ecf8" opacity=".85"/><circle cx="73" cy="28" r="1.5" fill="#e6ecf8" opacity=".85"/>55    <path d="M65 32 q3 2.5 6 0" fill="none" stroke="#e6ecf8" stroke-width="1.2" stroke-linecap="round" opacity=".85"/>56    <path d="M57 22 q5 -5 12 -4" fill="none" stroke="#9fd2f4" stroke-width="2.2" stroke-linecap="round"/>57    <circle cx="73" cy="18.6" r="1.2" fill="#9fd2f4"/>58    <path d="M77 34 q3 -1 4 -4" fill="none" stroke="#f2994a99" stroke-width="1.5" stroke-linecap="round"/>59  </g>60</svg>61  <div class="painel">62    <b>Tripulante</b>63    <input id="a1" required minlength="2" placeholder="Nome" aria-label="Nome">64    <input id="a2" type="email" required placeholder="E-mail" aria-label="E-mail">65    <input id="a3" type="password" required minlength="6" placeholder="Senha (6+)" aria-label="Senha">66    <small class="conta"></small>67    <button type="button">Decolar</button>68  </div>69</div>
#astronauta#foguete#cadastro#espaço#animado

Mais formulários

Ver todos