Logowanie

[CSS] Wysuwana wyszukiwarka po najechaniu kursorem

pytanie zadane 20 listopada 2015 w HTML i CSS przez Zine Obywatel (1,000 p.)
edycja 20 listopada 2015 przez Zine

Cześć,

Szukam takiego rozwiązania w CSS, jak na poniższym przykładzie. Chciałbym uzyskać wysuwany panel input po najechaniu na lupę: http://www.themesteam.com/wideh/index.php
Chodzi o tę wyszukiwarkę po prawej stronie pod "avatarem" i zależy mi, aby to było ez wykorzystania JS.

2 odpowiedzi

odpowiedź 20 listopada 2015 przez iwan9449 Pasjonat (20,810 p.)
wybrane 20 listopada 2015 przez Zine

Najlepsza

Jest to calkiem prosta sprawa, robisz sobie inputa, nadajesz mu niewielka szerokosc i jako background jakas lupke. Przy zdarzeniu :hover na inpucie zmieniasz jego szerokosc. Zeby "wysowanie" bylo plynne do stylow inputa dodajesz odpowiedni transition i w sumie tyle. :)

Pozdrawiam!

komentarz 20 listopada 2015 przez Zine Obywatel (1,000 p.)

Dziękuję za pokierowanie, tak właśnie uczyniłem i wyszło naprawdę fajnie. Tylko mam problem, żeby lupkę zrobić z awesome fonts, więc musiałem niestety gifa, jako background wrzucić :D