简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
So erreichen Sie eine bogenförmige Bewegungsbahn in CSS3
扔个三星炸死你
扔个三星炸死你 2017-07-01 09:12:22
0
3
1913

Weil ich möchte, dass die Blütenblätter realistisch fallen.
Jetzt füge ich nur einen Haltepunkt in der Mitte hinzu, aber die Bewegung ist sehr steif.
Wie kann ich CSS3-Keyfames verwenden, um diese bogenförmige Bewegungsbahn zu erstellen? Vielen Dank für die Hilfe

扔个三星炸死你
扔个三星炸死你

Antworte allen (3)
三叔
三叔2017-07-01 09:14:22 3 Etage

应该能，不过需要计算下，变化的参数

Wie+0
Antwort hinzufügen
    某草草
    某草草2017-07-01 09:14:22 2 Etage

    我做过一个金币掉落的效果
    我的动画这么写的

    @keyframes drop 0% transform: translate(0,0) rotate3d(0,1,0,0deg) 33% transform: translate(-20px,245px) rotate3d(0,1,0,-60deg) 66% transform: translate(20px,490px) rotate3d(0,1,0,60deg) 100% transform: translate(0,736px) rotate3d(0,1,0,0deg) @keyframes drop2 0% transform: translate(0,0) rotate3d(1,0,0,0deg) 33% transform: translate(20px,245px) rotate3d(1,0,0,60deg) 66% transform: translate(-20px,490px) rotate3d(1,0,0,-60deg) 100% transform: translate(0,736px) rotate3d(1,0,0,0deg)
    Wie+0
    Antwort hinzufügen
      巴扎黑
      巴扎黑2017-07-01 09:14:22 1 Etage

      曲线的时间参数，横着匀速，竖着变速。或者反过来，能模拟出曲线时间参数

      Wie+0
      Antwort hinzufügen
        Beliebte Themen
        Mehr>
        Populäre Artikel
        Beliebte Tutorials
        Mehr>
        Verwandte Tutorials
        Beliebte Empfehlungen
        Aktuelle Kurse
        Neueste Downloads
        Mehr>
        Web-Effekte
        Quellcode der Website
        Website-Materialien
        Frontend-Vorlage
        Über uns Haftungsausschluss Sitemap
        Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！