How to slide text inside an input in Hover?

Asked

Viewed 139 times

2

I have an input with a fixed width, but sometimes the content exceeds the width of that input. Somewhere I saw a solution that by hovering the mouse(Hover) in the input the text inside the input slid to the end without changing the width of the field.

How do I do that?

javascript jquery html css angularjs

  • Is there an example ? I’ve seen the input increase in size as you type, but never the text slide on Hover. .

  • I think he wants a kind of "Masquerade". But I haven’t seen it yet the way he described it

1 answer

0

If I understood correctly I could use a text-align:right and a transition:0.3s ease to slide the text. Place this setting in :Hover

Browser other questions tagged javascript jquery html css angularjs

You are not signed in. Login or sign up in order to post.