3
respostas

Não consigo fazer o Botão de enviar se movimentar

    <fieldset>
                <legend>Qual horário prefere ser atendido?</legend>
                <select>
                    <option>Manhã</option>
                    <option>Tarde</option>
                    <option>Noite</option>
                </select>
            </fieldset>


            <label><input type="checkbox" checked> Gostaria de receber nossas novidades de Email?</label>

            <input type="submit" value="Enviar formulário" class="botaodeenviar">

        </form>
    </main>

css

.botaodeenviar { width: 40%; padding: 15px 0 ; background: orange; color: white; font-weight: bold; font-size: 18px; border:none; border-radius: 5px; transition: 1s all; cursor: pointer; }

.botaodeenviar:hover { background: red transform: scale(1.2); }

3 respostas

Bom momento, Thiago. Nao esta dando certo, porque dentro da propriedade background voce colocou o transform, e o transform e outra propriedade do css que tem que ir em outra linha. Coloca dessa forma:

.botaodeenviar:hover { 
  background: red;
  transform: scale(1.2); 
}

Espero ter ajudado, qualquer coisa e so falar.

Ainda continua sem movimento :(

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

percebi que não coloquei ; depois do background red, por isso a estrita trasform não ficou com a formatação azul. obrigado