LayoutTests/animations/interpolation/flood-opacity-interpolation.html - Issue 26340006: Web Animations: Support animation of flood-opacity

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/animations/interpolation/flood-opacity-interpolation.html

Issue 26340006: Web Animations: Support animation of flood-opacity (Closed) Base URL: https://chromium.googlesource.com/chromium/blink@master

Patch Set: Created 7 years, 2 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <meta charset="UTF-8">	2 <meta charset="UTF-8">

3 <style>	3 <style>

4 .target {	4 .target {

5 display: inline-block;	5 display: inline-block;

6 font: 100px sans-serif;	6 font: 100px sans-serif;

7 }	7 }

8 .replica {	8 .replica {

9 color: green;	9 color: green;

10 margin-right: 30px;	10 margin-right: 30px;

11 }	11 }

12 </style>	12 </style>

13 <body>	13 <body>

14 <template id="target-template">TT</template>	14 <template id="target-template">TT</template>
	dstockwell 2013/10/08 06:21:25 Is the effect actually visible? I thought flood-op Is the effect actually visible? I thought flood-opacity only applied to SVG? dstockwell 2013/10/08 07:23:43 What I mean is can you see the effects of the anim Show quoted text On 2013/10/08 06:21:25, dstockwell wrote: > Is the effect actually visible? I thought flood-opacity only applied to SVG? What I mean is can you see the effects of the animation if you open this test in the browser or content_shell? I expect you'll need to create some SVG and animate the property on an feFlood element, like in svg-stop-opacity-interpolation.html where it animates the opacity of a gradient stop.
15 <script src="resources/interpolation-test.js"></script>	15 <script src="resources/interpolation-test.js"></script>

16 <script>	16 <script>

17 assertInterpolation({	17 assertInterpolation({

18 property: 'letter-spacing',	18 property: 'flood-opacity',

19 from: '-10px',	19 from: '0.25',

20 to: '10px'	20 to: '0.75'

21 }, [	21 }, [

22 {at: -0.3, is: '-16px'},	22 {at: -1, is: '0'},

23 {at: 0, is: '-10px'},	23 {at: -0.25, is: '0.125'},

24 {at: 0.3, is: '-4px'},	24 {at: 0, is: '0.25'},

25 {at: 0.6, is: '2px'},	25 {at: 0.25, is: '0.375'},

26 {at: 1, is: '10px'},	26 {at: 1, is: '0.75'},

27 {at: 1.5, is: '20px'},	27 {at: 1.25, is: '0.875'},

	28 {at: 2, is: '1'},

28 ]);	29 ]);

29 </script>	30 </script>

30 </body>	31 </body>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/animations/interpolation/flood-opacity-interpolation-expected.txt » ('j') | no next file with comments »