עיצוב חומר עקומת הקלה סטנדרטית
עצב פונקציית תזמון CSS cubic-bezier() מותאמת אישית על ידי גרירת שתי נקודות בקרה, תצוגה מקדימה של אותה בשידור חי מול הפניה ליניארית, ואז העתק את הערך המוכן.
תוצאה
דף זה פותח את המחולל עם x1=0.4, y1=0, x2=0.2, y2=1 כבר נטען - עקומת ההקלה הסטנדרטית שפורסמה בהנחיות התנועה של עיצוב חומרי של גוגל. גרור או ערוך את המספרים, והעקומה, התצוגה המקדימה החיה וה-CSS הניתן להעתקה מעדכנים יחד.
עיצוב חומרי קורא לעקומה הזו "הקלה סטנדרטית" וממליץ עליה לרוב המעברים על המסך - אלמנטים שכבר נראים לעין ופשוט נעים, משנים גודל או דוהים באותו מסך. צורתו מואצת במהירות, ואז מואטת בעדינות למקומה, וזו הסיבה שכל כך הרבה אפליקציות אנדרואיד וממשקי אינטרנט בסגנון חומר חולקים את אותה תחושת מעבר מבלי שאף אחד ישים לב שהם משתמשים באותם ארבעת המספרים.
זרוק אותו ישר לפונקציית תזמון-מעבר או פונקציית-תזמון-הנפשה לתחושה עקבית בחומר, או השתמש בו כנקודת ייחוס: ההנחיות של החומר גם מגדירות עקומות "האטה" ו"האצה" נפרדות עבור אלמנטים הנכנסים או יוצאים מהמסך, אשר עקומה סטנדרטית יחידה זו לא אמורה להחליף.