Transition dla tekstu

pytanie zadane 27 kwietnia 2017 w HTML i CSS przez MMM4CI3J Użytkownik (500 p.)

Czy da się wywołać efekt transition dla tekstu? Hover dla div zachodzi zgodnie z ustalonymi parametrami transition ale tekst wciąż pojawia się natychmiatowo. Jak to zmienić?

komentarz 27 kwietnia 2017 przez rafal.budzis Szeryf (85,900 p.)

Tekstu czyli ? koloru tekstu, wielkości czcionki, grubości ? Doprecyzuj i pokaż co masz.

komentarz 27 kwietnia 2017 przez MMM4CI3J Użytkownik (500 p.)

Chodzi o wyświwetlenie tekstu przy hover.

1 odpowiedź

odpowiedź 27 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)

tekst wciąż pojawia się natychmiatowo

Domyślam się, że użyłeś display: none/block - display jest nieanimowany.

komentarz 27 kwietnia 2017 przez MMM4CI3J Użytkownik (500 p.)

Więc czego mam użyć?

komentarz 27 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)

visibility, overflow, opacity, max-height(samo height nie da rady animować przy użyciu wyłącznie CSS).

komentarz 27 kwietnia 2017 przez MMM4CI3J Użytkownik (500 p.)

Dzięki! Nie pomyślałem o opacity.

komentarz 28 kwietnia 2017 przez Eimens Maniak (69,240 p.)

xmentor

Że niby height się nie animuje?

komentarz 28 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)

Nie, nie przy użyciu samego CSS.

komentarz 28 kwietnia 2017 przez Eimens Maniak (69,240 p.)

O to chodzi?

https://codepen.io/PatrykTal/pen/PmpKyy

komentarz 28 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)
edycja 28 kwietnia 2017 przez xmentor

Spróbuj dla height: auto dodając jakąś treść, bo ustawianie na sztywno wysokości w wielu przypadkach może trochę kłopotu narobić :D Dokładnie nie sprecyzowałem, za co przepraszam, ale miałem na myśli animowanie height z wartością auto — tak więc można animować height, ale podając jedynie sztywne wartości.