LayoutTests/animations/interpolation/shape-inside.html - Issue 200633005: [CSS Shapes] Remove deprecated shapes

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/shape-inside.html

Issue 200633005: [CSS Shapes] Remove deprecated shapes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Rebase against ToR Created 6 years, 9 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

« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/animations/interpolation/shape-inside-expected.txt » ('j') | LayoutTests/animations/interpolation/shape-inside-expected.txt » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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 color: white;	5 color: white;

6 width: 100px;	6 width: 100px;

7 height: 100px;	7 height: 100px;

8 background-color: black;	8 background-color: black;

9 display: inline-block;	9 display: inline-block;

10 overflow: hidden;	10 overflow: hidden;

(...skipping 27 matching lines...) Expand all Loading...
38 {at: 0, is: 'rectangle(0px, 0px, 100px, 100px)'},	38 {at: 0, is: 'rectangle(0px, 0px, 100px, 100px)'},

39 {at: 0.3, is: 'rectangle(7.5px, 7.5px, 85px, 85px)'},	39 {at: 0.3, is: 'rectangle(7.5px, 7.5px, 85px, 85px)'},

40 {at: 0.6, is: 'rectangle(15px, 15px, 70px, 70px)'},	40 {at: 0.6, is: 'rectangle(15px, 15px, 70px, 70px)'},

41 {at: 1, is: 'rectangle(25px, 25px, 50px, 50px)'},	41 {at: 1, is: 'rectangle(25px, 25px, 50px, 50px)'},

42 {at: 1.5, is: 'rectangle(37.5px, 37.5px, 25px, 25px)'}	42 {at: 1.5, is: 'rectangle(37.5px, 37.5px, 25px, 25px)'}

43 ]);	43 ]);

44	44

45 assertInterpolation({	45 assertInterpolation({

46 property: 'shape-inside',	46 property: 'shape-inside',

47 from: 'none',	47 from: 'none',

48 to: 'ellipse(0%, 0%, 100%, 100%)',	48 to: 'ellipse(100% 100% at 0% 0%)',

49 }, [	49 }, [

50 {at: -0.3, is: 'none'},	50 {at: -0.3, is: 'none'},

51 {at: 0, is: 'none'},	51 {at: 0, is: 'none'},

52 {at: 0.3, is: 'none'},	52 {at: 0.3, is: 'none'},

53 {at: 0.6, is: 'ellipse(0%, 0%, 100%, 100%)'},	53 {at: 0.6, is: 'ellipse(100% 100% at 0% 0%)'},

54 {at: 1, is: 'ellipse(0%, 0%, 100%, 100%)'},	54 {at: 1, is: 'ellipse(100% 100% at 0% 0%)'},

55 {at: 1.5, is: 'ellipse(0%, 0%, 100%, 100%)'}	55 {at: 1.5, is: 'ellipse(100% 100% at 0% 0%)'}

56 ]);	56 ]);

57 </script>	57 </script>

58 </body>	58 </body>

OLD	NEW