Forum portalu Fan-Strefa.pl Forum portalu Fan-Strefa.pl 

Autor Wątek: Funkcja 'transition' - ???  (Przeczytany 1135 razy)

Zuzolinda

  • Super Fan
  • *****
  • Wiadomości: 1036
  • Reputacja: 14
    • Zobacz profil
    • Taylor Swift Polska
Funkcja 'transition' - ???
« dnia: 28 Styczeń 2013, 18:01:25 »
Jestem właśnie w trakcie kodowania T-S.pl i chciałam zrobić w sidebarze projekty na zasadzie obrazków, na których, po najechaniu kursorem, znalazłby się opis. Wyczytałam, że jest za to odpowiedzialna funkcja "transition" w css'ie i spróbowałam. Niestety najwyraźniej robię to źle, bo tekst pojawia się poniżej obrazka... Czy byłby ktoś w stanie krótko mi to objaśnić? Byłabym bardzo wdzięczna! :)


Viridiana

  • Fanik
  • **
  • Wiadomości: 169
  • Reputacja: 3
    • Zobacz profil
    • mój tumblr
Odp: Funkcja 'transition' - ???
« Odpowiedź #1 dnia: 28 Styczeń 2013, 18:15:10 »
owszem od tego jest transition czyli ulubiona funkcja na tumblru
a ogólnie musisz zrobić tak:

<div class="KLASA"><img src="adres do obrazka" class="KLASA OBRAZKA" onmousedown="return false"align="left"/>
<div class="INNA KLASA">tekst</div></div>

i do css
.KLASA{
    width:260px;} ->>>> to sobie zmień
 
 .KLASA OBRAZKA {
    width:260px;
    margin-bottom: 10px;}
 
 .INNA KLASA {
     position:fixed;
     width:240px;
    opacity: 0;
     margin-top: 279px;
     z-index:9999;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;}
.INNAKLASA:hover {
     opacity: 1;}
powinno działać :P

ogólnie to te wszystkie marginy, weighty i tak dalej sobie pozmieniaj kopiowałam ze swojego starego kodu i już mi sie nie chce z tym nic robić
« Ostatnia zmiana: 28 Styczeń 2013, 18:16:58 wysłana przez Viridiana »
you smile at the hope they call despair

kiedyś sobie byłam Kalleye :P

Zuzolinda

  • Super Fan
  • *****
  • Wiadomości: 1036
  • Reputacja: 14
    • Zobacz profil
    • Taylor Swift Polska
Odp: Funkcja 'transition' - ???
« Odpowiedź #2 dnia: 28 Styczeń 2013, 21:39:54 »
Teraz się zorientowałam, że masz to na swoim tumblrze, Moniko :P Wielkie dzięki! Nieoceniona jest Twa pomoc :D

PS. Temat do przeniesienia :)

Forum portalu Fan-Strefa.pl

Odp: Funkcja 'transition' - ???
« Odpowiedź #2 dnia: 28 Styczeń 2013, 21:39:54 »