5 Suchergebnisse
- Gunnar Bittersmann
- height: 100vh; background-color: rgba(50, 50, 50, 0.5); }
}
Nein.
Welche Eigenschaften sollte man animieren? transform und opacity.
Welche Eigenschaften sollte man nicht animieren? Alle anderen.
Das hieße hier: nicht height animieren, sondern transform: scaleY ... lassen und opacity verwenden.
@keyframes showLayerContent
{
0% { transform: translate(0, -11em) scale(0); opacity: 0; }
100% { transform: translate(0, 0) scale(1) ; opacity: 1; }
}
Geht doch.
Wozu eigentlich zwei Animationen showLayer und showLayerContent
- @@Rolf B
@keyframes showLayer
{
0% { height: 0vh; background-color: rgba(50, 50, 50, 0); }
1% { height: 100vh; background-color: rgba(50, 50, 50, 0.5); }
100% { height: 100vh; background-color:…
- Gunnar Bittersmann
- genausowenig. Bei einem div-element feuert kein load-Event.
Außerdem sollte man aus Performanz-Gründen nur transform und opacity animieren; nicht top.
🖖 Stay hard! Stay hungry! Stay alive! Stay home!
Home Office ist so frustierend
- @@Kaj
figur.addEventListener('load', () = {
Func();
});
Was sagt ihr dazu?
Das kannst du einfacher haben:
figur.addEventListener('load', Func);
Geht natürlich genausowenig. Bei einem div-element feuert kein load-Event.
Außerdem sollte man…
- Gunnar Bittersmann
- denn xxx.style.top = 42% kein css?
Aus Performanz-Gründen sollte man top nicht animieren, sondern möglichst nur transform und opacity.
Bewegungen kann man performant mit Änderungen von transform: transition(…) realisieren.
LLAP 🖖
„Man kann sich halt nicht
- @@JürgenB
ist denn xxx.style.top = 42% kein css?
Aus Performanz-Gründen sollte man top nicht animieren, sondern möglichst nur transform und opacity.
Bewegungen kann man performant mit Änderungen von transform: transition(…)…
- Gunnar Bittersmann
- Bittersmann CSS3 transitions ohne fixe Angaben? @@Annette Halbestund
… sollte man das nicht tun, sondern nur mit opacity und transform spielen https://twitter.com/HugoGiraudel/status/670162618448003073.
Da vici! http://dabblet.com/gist/e1c363fdb1212f7a5aa7c7e62c349bd3
LLAP
- @@Annette Halbestund
… sollte man das nicht tun, sondern nur mit opacity und transform spielen https://twitter.com/HugoGiraudel/status/670162618448003073.
Da vici! http://dabblet.com/gist/e1c363fdb1212f7a5aa7c7e62c349bd3
LLAP 🖖
- Gunnar Bittersmann
- Besonders im Internet.
Einfache Animationen macht man mit CSS. Hardware-beschleunigt, ruckelfrei. (Deshalb wird transition auf transform oder opacity angewandt.)
Und wenn der Toggle-Button im DOM vor den zu toggelnden Dingern steht, braucht
- @@j4nk3y
Keine Stelle in der jQuery-Doku ist die richtige. Weil jQuery nicht richtig ist. Dein Fehler ist, JavaScript zu verwenden. Und damit ein Kätzchen zu töten https://twitter.com/g16n/status/255653709827158016. Und das, obwohl…
nicht angemeldet
