Sha256: aef1ecb9f64467b8d793fee05bfac3136ad986eb32f588a7a4d9c62fd0c3f46e
Contents?: true
Size: 1.33 KB
Versions: 129
Compression:
Stored size: 1.33 KB
Contents
animate($element)
gar nix, ghosting macht NUR transition
($old und $new muss anders gehandelt werden)
transition($old, $new)
1. $old.css(display: none)
2. $new in den DOM setzen
3. $new ausmessen
4. ghost von $new erstellen
DOM kopieren
mit position: fixed
mit ausmessen des originals
left, top setzen
right, bottom löschen
width, height setzen
margin löschen
5. $new.css(display: none)
6. $old.css(display: previousDisplay)
7. ghost von $old erstellen
8. $old.css(opacity: 0) // damit es den platz wegnimmt
9. transition($oldGhost, $newGhost)
10. $old löschen
$oldGhost löschen
$newGhost löschen
11. $new.css(display: previousDisplay)
was löst das, was nicht?
========================
- die teile müssen nicht mehr absolut gestellt werden
- old muss immer noch absolut gehen :(
1. Ich kopiere $old zu $ghost
2. Ich setze die opacity von $old auf 0
3. Ich setze $ghost auf die Größe von $old
mit position: fixed
mit ausmessen des originals
left, top setzen
right, bottom löschen
width, height setzen
margin löschen
???????????
4. ich gebe $ghost an die animation
5. nach der animation
setze ich $opacity von $element auf 1
lösche ich $ghost
Version data entries
129 entries across 129 versions & 2 rubygems