for instance: i'm currently animating the ::placeholder pseudo element when ::focus is active
input::placeholder{
color: grey;
transition: all 400ms ease;
position: absolute;
top: 35%;
font-size: 15px;
}
input:focus::placeholder{
color: green;
top: 0%;
font-size: 10px;
position: relative;
}
It's working perfectly fine in Chrome, but unfortunately not in Firefox and Safari, can anyone provide some assistance, I really need this to work. Thank you