Крива ублажавања ЦСС-а у стилу одбијања
Дизајнирајте прилагођену ЦСС цубиц-безиер() функцију времена превлачењем две контролне тачке, прегледајте је уживо у односу на линеарну референцу, а затим копирајте готову вредност.
Резултат
Ова страница отвара генератор са већ учитаним к1=0,68, и1=-0,55, к2=0,265, и2=1,55 — кривом прекорачења које неке библиотеке ублажавања означавају еасеОутБацк. Негативни и1 и и2 изнад 1 су управо разлог зашто се преглед анимације испод повлачи иза свог почетка и преко свог краја пре него што се смири; превуците или ручицу или уредите бројеве да бисте ефекат учинили јачим или нежнијим.
Да будемо искрени о томе шта је ово: једна кубна-безиер() крива има само две контролне тачке, тако да може да апроксимира један покрет прекорачења и смиривања, а не прави физички одскок са вишеструким одбијањем са неколико опадајућих скокова. За буквални ефекат одбијања лопте биће вам потребно више кључних кадрова или сегмената степ() повезаних заједно — ова крива је најближа што обична функција за време транзиције може да добије у једној линији.
То једноструко прекорачење је и даље управо оно што већина одскаченог корисничког интерфејса жели: дугме које искочи мало изнад своје величине у мировању, модал који прелази пре него што се слегне, картица која скочи на своје место. Копирајте вредност каква јесте за тај брзи осећај или ублажите и1 према 0 и и2 према 1 да бисте вратили прекорачење.