third_party/WebKit/ManualTests/interrupted-compound-transform.html - Issue 2715113003: CSS manual tests: reduce usage of webkit prefix

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/ManualTests/interrupted-compound-transform.html

Issue 2715113003: CSS manual tests: reduce usage of webkit prefix (Closed)

Patch Set: Created 3 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 | « third_party/WebKit/ManualTests/image-resampling-with-scale.html ('k') | third_party/WebKit/ManualTests/svg-css-animate-compound.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>Interrupted Transitions on Transform Test</title>	7 <title>Interrupted Transitions on Transform Test</title>

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

9 #container {	9 #container {

10 width: 400px;	10 width: 400px;

11 height: 400px;	11 height: 400px;

12 margin: 20px;	12 margin: 20px;

13 border: 1px solid black;	13 border: 1px solid black;

14 perspective: 800;	14 perspective: 800px;

15 }	15 }

16 #tester {	16 #tester {

17 width: 300px;	17 width: 300px;

18 height: 300px;	18 height: 300px;

19 margin: 50px;	19 margin: 50px;

20 background-color: blue;	20 background-color: blue;

21 -webkit-transition: transform 3s linear;	21 transition: transform 3s linear;

22 transform: rotateX(65deg) translateZ(75px) rotateZ(0deg);	22 transform: rotateX(65deg) translateZ(75px) rotateZ(0deg);

23 transform-style: preserve-3d;	23 transform-style: preserve-3d;

24 }	24 }

25 #pos1 {	25 #pos1 {

26 position:absolute;	26 position:absolute;

27 width: 300px;	27 width: 300px;

28 height: 300px;	28 height: 300px;

29 margin: 50px;	29 margin: 50px;

30 border: 2px solid #F00;	30 border: 2px solid #F00;

31 transform: rotateX(65deg) translateZ(75px) rotateZ(118deg);	31 transform: rotateX(65deg) translateZ(75px) rotateZ(118deg);

(...skipping 38 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
70 <div id="pos1">	70 <div id="pos1">

71 </div>	71 </div>

72 <div id="pos2">	72 <div id="pos2">

73 </div>	73 </div>

74 <div id="tester">	74 <div id="tester">

75 </div>	75 </div>

76 </div>	76 </div>

77	77

78 </body>	78 </body>

79 </html>	79 </html>

OLD	NEW