search

joaovictornsv / placeholder-animated

Input com placeholder animado, cujo funcionamento é semelhante ao login do Google
16 stars 0 forks source link

Adaptação para funcionar com Bootstrap V4 e Inputs fora da tag <form> #1

Open diogenesjup opened 3 years ago

diogenesjup commented 3 years ago

adaptação das classes para Boostrap V4 e para funcionar em inputs que não estejam dentro de um

eu tive que remover a propriedade ":valid" ficando apenas

div.form-group .form-control:focus + span.placeholder {    transform: scale(0.8) translateY(-30px);    background: #fff; }

":valid" só funciona para inputs dentro de forms

joaovictornsv commented 3 years ago

Iae cara, o input com o :valid ai no código está fora de um form. Quando eu removo e deixo apenas o :focus, a animação não se mantém. Talvez seja porque não estou usando o Boostrap.