third_party/WebKit/LayoutTests/animations/composition/perspective-origin-composition.html - Issue 1708293002: Revert of Add additive animation support for CSS properties perspective-origin and object-position

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: third_party/WebKit/LayoutTests/animations/composition/perspective-origin-composition.html

Issue 1708293002: Revert of Add additive animation support for CSS properties perspective-origin and object-position (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@_backgroundPositionAnimation

Patch Set: Created 4 years, 10 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 | « third_party/WebKit/LayoutTests/animations/composition/object-position-composition.html ('k') | third_party/WebKit/LayoutTests/animations/interpolation/object-position-interpolation.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <style>

3 .target {

4 width: 200px;

5 height: 200px;

6 }

7 </style>

8 <body>

9 <script src="../interpolation/resources/interpolation-test.js"></script>

10 <script>

11 assertComposition({

12 property: 'perspective-origin',

13 underlying: '40px 60px',

14 addFrom: '60px 40px',

15 addTo: '160px 140px',

16 }, [

17 {at: -0.25, is: '75px 75px'},

18 {at: 0, is: '100px 100px'},

19 {at: 0.25, is: '125px 125px'},

20 {at: 0.5, is: '150px 150px'},

21 {at: 0.75, is: '175px 175px'},

22 {at: 1, is: '200px 200px'},

23 {at: 1.25, is: '225px 225px'},

24 ]);

25

26 assertComposition({

27 property: 'perspective-origin',

28 underlying: 'top 20% left 40%',

29 addFrom: 'left 60% top 80%',

30 addTo: 'right 80% bottom 40%',

31 }, [

32 {at: -0.25, is: '220px 210px'},

33 {at: 0, is: '200px 200px'},

34 {at: 0.25, is: '180px 190px'},

35 {at: 0.5, is: '160px 180px'},

36 {at: 0.75, is: '140px 170px'},

37 {at: 1, is: '120px 160px'},

38 {at: 1.25, is: '100px 150px'},

39 ]);

40

41 assertComposition({

42 property: 'perspective-origin',

43 underlying: '40px 60px',

44 replaceFrom: '100px 200px',

45 addTo: '160px 40px',

46 }, [

47 {at: -0.25, is: '75px 225px'},

48 {at: 0, is: '100px 200px'},

49 {at: 0.25, is: '125px 175px'},

50 {at: 0.5, is: '150px 150px'},

51 {at: 0.75, is: '175px 125px'},

52 {at: 1, is: '200px 100px'},

53 {at: 1.25, is: '225px 75px'},

54 ]);

55

56 assertComposition({

57 property: 'perspective-origin',

58 underlying: '40px 60px',

59 addFrom: '60px 140px',

60 replaceTo: '200px 100px',

61 }, [

62 {at: -0.25, is: '75px 225px'},

63 {at: 0, is: '100px 200px'},

64 {at: 0.25, is: '125px 175px'},

65 {at: 0.5, is: '150px 150px'},

66 {at: 0.75, is: '175px 125px'},

67 {at: 1, is: '200px 100px'},

68 {at: 1.25, is: '225px 75px'},

69 ]);

70 </script>

71 </body>

OLD	NEW