Анимация текста не работает для всех форм ввода?

Question

Итак, я пытался анимировать ввод текста к относительным формам. Я попытался установить входные данные как относительные вместо целой формы, но, похоже, не работает. Я хочу сделать это стандартным для всех входных данных. Я предполагаю, что единственным способом анимации всех входных данных будет относительная форма + абсолютные значения для каждого входного сигнала, но как этого добиться?

      <form>

        <input name="name"
         type="text" style="flex:1;padding-top:10px; " autocomplete="off" required="required"/>
        <label for="name" class="label-name">
        <span class="content-name">Name</span>
        </label>

        <input name="email"
         type="text" style="flex:1;padding-top:10px; " autocomplete="off" required="required"/>
        <label for="email" class="label-name">
        <span class="content-name">Email</span>
        </label


        </form>