third_party/WebKit/LayoutTests/animations/multiple-animations.html - Issue 2521163002: CSS Animations: Reduce usage of webkit prefix in layout tests

Side by Side Diff: third_party/WebKit/LayoutTests/animations/multiple-animations.html

Issue 2521163002: CSS Animations: Reduce usage of webkit prefix in layout tests (Closed)

Patch Set: Created 4 years ago

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

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/missing-from-to-transforms-expected.txt ('k') | third_party/WebKit/LayoutTests/animations/multiple-animations-timing-function.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"	1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

2 "http://www.w3.org/TR/html4/loose.dtd">	2 "http://www.w3.org/TR/html4/loose.dtd">

3	3

4 <html lang="en">	4 <html lang="en">

5 <head>	5 <head>

6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">	6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

7 <title>Test animation with multiple concurrent animations</title>	7 <title>Test animation with multiple concurrent animations</title>

8 <style type="text/css" media="screen">	8 <style type="text/css" media="screen">

9 #box1 {	9 #box1 {

10 position: relative;	10 position: relative;

11 left: 10px;	11 left: 10px;

12 top: 10px;	12 top: 10px;

13 height: 100px;	13 height: 100px;

14 width: 100px;	14 width: 100px;

15 background-color: blue;	15 background-color: blue;

16 -webkit-animation-duration: 2s;	16 animation-duration: 2s;

17 -webkit-animation-timing-function: linear;	17 animation-timing-function: linear;

18 -webkit-animation-name: anim1;	18 animation-name: anim1;

19 }	19 }

20 @-webkit-keyframes anim1 {	20 @keyframes anim1 {

21 from { left: 10px; }	21 from { left: 10px; }

22 40% { left: 30px; }	22 40% { left: 30px; }

23 60% { left: 10px; }	23 60% { left: 10px; }

24 to { left: 20px; }	24 to { left: 20px; }

25 }	25 }

26 #box2 {	26 #box2 {

27 position: relative;	27 position: relative;

28 left: 10px;	28 left: 10px;

29 top: 10px;	29 top: 10px;

30 height: 100px;	30 height: 100px;

31 width: 100px;	31 width: 100px;

32 background-color: blue;	32 background-color: blue;

33 -webkit-animation-duration: 2s;	33 animation-duration: 2s;

34 -webkit-animation-timing-function: linear;	34 animation-timing-function: linear;

35 -webkit-animation-name: anim2;	35 animation-name: anim2;

36 }	36 }

37 @-webkit-keyframes anim2 {	37 @keyframes anim2 {

38 from { left: 10px; }	38 from { left: 10px; }

39 50% { left: 30px; }	39 50% { left: 30px; }

40 to { left: 20px; }	40 to { left: 20px; }

41 }	41 }

42 </style>	42 </style>

43 <script src="resources/animation-test-helpers.js" type="text/javascript" chars et="utf-8"></script>	43 <script src="resources/animation-test-helpers.js" type="text/javascript" chars et="utf-8"></script>

44 <script type="text/javascript" charset="utf-8">	44 <script type="text/javascript" charset="utf-8">

45	45

46 const expectedValues = [	46 const expectedValues = [

47 // [time, element-id, property, expected-value, tolerance]	47 // [time, element-id, property, expected-value, tolerance]

(...skipping 13 matching lines...) Expand all Loading...
61 This test performs animations of the left property on two boxes over 2 seconds.	61 This test performs animations of the left property on two boxes over 2 seconds.

62 It takes 3 snapshots each and expects each result to be within a specified range .	62 It takes 3 snapshots each and expects each result to be within a specified range .

63 <div id="box1">	63 <div id="box1">

64 </div>	64 </div>

65 <div id="box2">	65 <div id="box2">

66 </div>	66 </div>

67 <div id="result">	67 <div id="result">

68 </div>	68 </div>

69 </body>	69 </body>

70 </html>	70 </html>

OLD	NEW