Styl znacznika "titile"

Tak jak w temacie. Na stronce grafinity.pl podpatrzyłem ciekawe ostylowanie tego dymka po najechaniu np na przycisk od zwijania/rozwijania kategorii jednak nigdzie nie mogę znaleźć miejsca w którym mógłbym to zmienić. Ani na ich stronce (tak wiem że mają IPS) ani na mojej.
Z góry dzięki za pomoc.

Zwykły efekt gradientu oraz shadow dodany do hover`a.

Chyba się nie zrozumieliśmy, chodzi mi o "title", nie o sam przycisk. Tak dokładniej to tam gdzie pisze "zwiń/rozwiń kategorię"
Jak dorobić tą strzałkę, sprawić by pojawiało się nad przyciskiem oraz na środku

https://www.w3schools.com/css/tryit.asp?...ss_tooltip

Zamiast osobnego tagu możesz użyć atrybut (np. data-title), a pozyskiwać jego zawartość w pseudoklasie dzięki content: attr();. Możesz, ale nie musisz. Nie weryfikowałem w dokumentacji, ale najprawdopodobniej jest to zalecane.

Mógłbyś bardziej nakierować co zrobić z tym drugim sposobem? Dalej nie za bardzo rozumiem :/

Tutaj: https://jsfiddle.net/e26qxgeh/
Jeśli czegoś nie rozumiesz to napisz, postaram się wytłumaczyć.

Dzięki, bardzo mi ułatwiłeś robotę z tym kodem Jeszcze tylko małe pytanko, jak dodać do tego krótki efekt przejścia? W sensie pojawiania się tego okienka? Bo gdzie bym nie dodał to nie działa.

Display nie jest animowany, więc samo dodanie transition nic nie da. Możesz użyć opacity, które da się animować. https://jsfiddle.net/e26qxgeh/1/

Hmm, coś nie chce u mnie działać :/ Luknij może na stronę: www.citiesskylines.pl

Usuń display.

A no rzeczywiście, umknęło mi to. Tak więc jeszcze raz dzięki