#animation-fill-mode
Properti CSS animation-fill-mode memungkinkan kamu menentukan nilai apa yang diterapkan oleh animasi di luar waktu eksekusi.
Ini bisa dilakukan sebelum animasi diterapkan, atau setelah selesai berjalan.
default
animation-fill-mode: none;
Gaya animasi tidak memengaruhi gaya default : elemen diatur ke status default sebelum animasi dimulai, dan kembali ke status default setelah animasi berakhir.
animation-fill-mode: forwards;
Gaya terakhir yang diterapkan di akhir animasi dipertahankan setelahnya .
animation-fill-mode: backwards;
Gaya animasi sudah akan diterapkan sebelum animasi benar-benar dimulai.
animation-fill-mode: both;
Gaya diterapkan sebelum dan setelah animasi diputar.
See the Pen Contoh #1 animation-fill-mode by Codingku (@codingku) on CodePen.