Problem przycisk

pytanie zadane 18 września 2017 w HTML i CSS przez agit45 Obywatel (1,110 p.)

Witam mam problem z utworzeniem przycisku jak na stronie http://themesfaraday-aye.bitballoon.com/index-default. Przycisk nosi nazwę Hire Me. Nie mam pojęcia jak zrobić animacje w której koperta po najechaniu się pojawia. Próbowałem z opacity:0 i dawaniu w hover opacity:1 oraz dawaniu ikonie font-size:0 i w hover font-size:1.6rem. Dziękuję za wszelką pomoc i wskazówki! Pozdrawiam serdecznie.

2 odpowiedzi

odpowiedź 18 września 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)
przywrócone 18 września 2017 przez ProgramistaStepek

Spróbuj zmieniać

display:none

display:block

Po najechaniu

komentarz 18 września 2017 przez agit45 Obywatel (1,110 p.)

ikona nie pojawia się po najechaniu

odpowiedź 18 września 2017 przez EdeX Mądrala (5,130 p.)

mozesz zrobic diva w ktorym masz text i ikonke, dodajesz border nastepnie w css do ikonki dajesz np. opacity:0; a po najechaniu robisz ze zwieksza sie border i zmieniasz opacity

komentarz 18 września 2017 przez agit45 Obywatel (1,110 p.)

zostaje puste miejsce obok tekstu gdy dam opacity 0 i wtedy nie ma sensu powiększać objętości przycisku bo i tak jest puste miejsce na miejscu koperty

komentarz 19 września 2017 przez EdeX Mądrala (5,130 p.)

ale potem masz dodac hover i zmienic opacity na 1

komentarz 19 września 2017 przez agit45 Obywatel (1,110 p.)

ale pozostaje brzydka pusta przestrzeń z prawej strony buttona, a to nie jest estetyczne

komentarz 19 września 2017 przez EdeX Mądrala (5,130 p.)

robisz div dajesz mu text i ikonke dajesz min-width do tego diva zmieniasz albo nie opacity tylko display na none i nadajesz temu divovi border a po najechaniu robisz display i jak tam wolisz