ugrás a tartalomhoz

CSS3 transition szintaktika

lamase · 2012. Ápr. 18. (Sze), 16.07
Sziasztok!

Szeretnék különböző animációs eseményekre időt és egyéb paramétereket beállítani, de sajnos együtt nem működik. Van erre lehetőség? Szintaktikára lennék kíváncsi, sajnos nem sikerült összehozni.

Ezen a linken kipróbálható.

Köszönöm!
‹ Letöltés számláló getElementById.appendChild nem megy IE7/7 alatt ›
 ■
1

Understanding CSS3

Poetro · 2012. Ápr. 18. (Sze), 16.22
2

Köszönöm ezeket a linkeket,

lamase · 2012. Ápr. 18. (Sze), 18.11
Köszönöm ezeket a linkeket, hasonlókat már olvastam.

Mint ahogy az első linken is látszik:

transition: background .3s ease, color 0.2s linear;

így kellene elválasztani, engem inkább az érdekelne az én kódomban hol a hiba.
3

külön külön

Poetro · 2012. Ápr. 18. (Sze), 21.50
Add meg az egyes tulajdonságokat külön-külön. Hátha úgy működik. Valamint használd minden böngésző prefixét, így nem tudom tesztelni az oldaladat.
4

Property-re kell hivatkoznod,

ciluu · 2012. Ápr. 18. (Sze), 22.00
Property-re kell hivatkoznod, nem pedig annak ertekere.
A Te kododban a transitionnel rotate-re hivatkozol, ami nem property, hanem a transform(o mar property) egy lehetseges erteke.

Pl:

.class1 {
  -webkit-transition: -webkit-transform 3s ease;
  -moz-transition: -moz-transform 3s ease;
}
.class1:hover {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
}
5

prefix

Poetro · 2012. Ápr. 18. (Sze), 22.08
Ha már kirakod a prefixeket, akkor rakd ki az összeset. Jelen esetben legalább az -ms- és az -o- hiányzik. Valamint nem írtad ki prefix nélkül sem.
6

köszönöm a segítségeket!

lamase · 2012. Ápr. 19. (Cs), 13.45
köszönöm a segítségeket!