mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-25 19:25:43 +00:00
0e03cf5f82
Some cubic-bezier functions, e.g. cubic-bezier(0,-0.5,0,0), produce values out of range of [0, 1]. MozReview-Commit-ID: 9ZTsTRTcUaI --HG-- extra : rebase_source : 7edf0c4d2702a502a9c0422be83ce7229751e815
18 lines
420 B
HTML
18 lines
420 B
HTML
<!doctype html>
|
|
<html>
|
|
<style>
|
|
@keyframes anim {
|
|
from { box-shadow: none; }
|
|
to { box-shadow: rgba(120, 120, 120, 0.5) 10px 10px 10px 0px; }
|
|
}
|
|
#target {
|
|
width: 100px; height: 100px;
|
|
/*
|
|
* Use negative delay to shift to the point that the cubic-bezier function
|
|
* produces a value out of range of [0, 1].
|
|
*/
|
|
animation: anim 1s -0.02s cubic-bezier(0, -0.5, 0, 0) paused;
|
|
}
|
|
</style>
|
|
<div id="target"></div>
|