YUI işaretinden sonsuz döngülü bir yükleme animasyonu kurun. Sekiz hareket, sürükle-bırak zinciri dahil. Hareketi ve zamanlamayı burada ayarlayın, Lottie JSON olarak indirip uygulamaya takın. Aşağıdaki önizleme, indireceğiniz JSON'un ta kendisinden oynatılıyor — ekranda gördüğünüz ile dosya birebir aynı.
Kart havalanınca yuvasında kalan soluk yer tutucu logoyu ayakta tutar; sıfıra indirirseniz boşalan yuva görünür. Zincirin hızı yukarıdaki zincir gecikmesi ve sürükleme süresi ile ayarlanır.
React — npm i lottie-react, sonra indirdiğiniz dosyayı içe aktarın:
Saf HTML — lottie-web ile:
Bağımlılık istemiyorsanız SVG çıktısını kullanın: SMIL
animasyonu <img src="yui-loader.svg"> içinde bile JS'siz döner.