Problem przycisk

Question

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.

Answer 1

Spróbuj zmieniać 

display:none

na 

display:block

Po najechaniu

Comments

ikona nie pojawia się po najechaniu

Answer 2

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

Comments

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

---

ale potem masz dodac hover i zmienic opacity na 1

---

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

---

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