Skip to content

Commit b5690c3

Browse files
committed
[css-timing-1] Tweak timing function diagrams
1 parent 569856b commit b5690c3

6 files changed

Lines changed: 10 additions & 15 deletions

css-timing-1/Overview.bs

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -57,12 +57,12 @@ input progress value and producing a corresponding transformed output progress
5757
value.
5858

5959
<figure>
60-
<img src="timing-function-example.svg" width="350"
60+
<img src="timing-function-example.svg" width="400"
6161
alt="Example of a timing function that produces an ease-in effect.">
6262
<figcaption>
63-
Example of a timing function that produces an ease-in effect.
63+
Example of a timing function that produces an ease-in effect.<br>
6464
Given an input progress of 0.7, the timing function scales the
65-
value to produce an output progress of 0.52.
65+
value to produce an output progress of 0.52.<br>
6666
By applying this timing function, the animation will progress more
6767
slowly at first but then gradually progress more quickly.
6868
</figcaption>

css-timing-1/cubic-bezier-timing-curve.svg

Lines changed: 1 addition & 0 deletions
Loading

css-timing-1/curve-keywords.svg

Lines changed: 2 additions & 1 deletion
Loading

css-timing-1/step-timing-func-examples.svg

Lines changed: 0 additions & 4 deletions
Loading

css-timing-1/step-timing-keyword-examples.svg

Lines changed: 0 additions & 4 deletions
Loading

css-timing-1/timing-function-example.svg

Lines changed: 4 additions & 3 deletions
Loading

0 commit comments

Comments
 (0)