Jak do buttonu z animacją obrotu wstawić obrazek lub deseń zamiast koloru tła?


ForumKategoria: HTML i CSSJak do buttonu z animacją obrotu wstawić obrazek lub deseń zamiast koloru tła?
Klaudyna zapytał 9 lat temu

Co zrobić, aby zamiast tego kolorowego pola w buttonach, o których mowa jest tu: https://webroad.pl/webdesign/561-buttony-obrot-css3 mógł być jakiś obrazek (deseń)?
I jeszcze jedna ważna dla mnie rzecz. :)
Po zmniejszeniu średnicy koła, tekst nie znajduje się na samym środku, odłegłość od dołu jest mniejsza niż odległość jego od góry, co wygląda nieładnie. Jak mogę to naprawić, tak by tekst zamieszczony w nim zawsze był na środku?
Z góry baardzo dziękuję! :)

1 odpowiedzi
krzysiek odpowiedział 9 lat temu

Aby wyśrodkować text możesz to zrobić na dwa sposoby:
1: ustawić dla textu line-heit o wysokości równej wysokości elementu
2. jeżeli element div, w tym przypadku koło ma swoje widht i height można zrobić to tak dodając odpowiednie atrybyty dla tekstu w css
position: relative;
top:-50%;
transform: transformY(-50%);
w tym przypadku zawsze jak zwiększysz lub zmniejszysz height to test będzie na środku. Ale pamiętaj element zawsze musi mieć height >0.