Keluk Pelonggaran Standard Reka Bentuk Bahan
Reka fungsi pemasaan CSS cubic-bezier() tersuai dengan menyeret dua titik kawalan, pratonton secara langsung terhadap rujukan linear, kemudian salin nilai sedia.
Hasilnya
Halaman ini membuka penjana dengan x1=0.4, y1=0, x2=0.2, y2=1 telah dimuatkan — lengkung pelonggaran standard yang diterbitkan dalam garis panduan gerakan Reka Bentuk Bahan Google. Seret sama ada mengendalikan atau mengedit nombor, dan lengkung, pratonton langsung dan kemas kini CSS yang boleh disalin bersama-sama.
Reka Bentuk Bahan memanggil lengkung ini "pelonggaran standard" dan mengesyorkannya untuk kebanyakan peralihan pada skrin — elemen yang sudah kelihatan dan hanya bergerak, mengubah saiz atau pudar dalam skrin yang sama. Bentuknya memecut dengan cepat, kemudian menyahpecutan perlahan-lahan ke tempatnya, itulah sebabnya begitu banyak apl Android dan UI web gaya Bahan berkongsi rasa peralihan yang sama tanpa sesiapa menyedari mereka menggunakan empat nombor yang sama.
Letakkannya terus ke dalam fungsi pemasaan peralihan atau fungsi pemasaan animasi untuk rasa konsisten Bahan, atau gunakannya sebagai titik rujukan: Garis panduan bahan juga mentakrifkan lengkung "nyahpecutan" dan "pecutan" yang berasingan untuk elemen yang memasuki atau meninggalkan skrin, yang tidak dimaksudkan untuk menggantikan lengkung standard tunggal ini.