LayoutTests/transitions/first-letter-color-transition.html - Issue 10696154: Merge 120639

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/transitions/first-letter-color-transition.html

Issue 10696154: Merge 120639 (Closed) Base URL: http://svn.webkit.org/repository/webkit/branches/chromium/1180/

Patch Set: Created 8 years, 5 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:

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2

3 <html>

4 <head>

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

6 .box {

7 width: 100px;

8 height: 100px;

9 background-color: blue;

10 }

11

12 .box::first-letter {

13 font-size: 24pt;

14 color: black;

15 -webkit-transition: color 0.1s;

16 }

17

18 body.go .box::first-letter {

19 color: white;

20 }

21

22 </style>

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

24 if (window.testRunner) {

25 testRunner.dumpAsText();

26 testRunner.waitUntilDone();

27 }

28

29 var result = "";

30 function transitionEnded(event)

31 {

32 if (event.propertyName == "color")

33 result += "PASS";

34 else

35 result += "FAIL";

36

37 document.getElementById('result').innerHTML = result;

38 if (window.testRunner)

39 testRunner.notifyDone();

40 }

41

42 window.addEventListener('webkitTransitionEnd', transitionEnded, false);

43

44 window.addEventListener('load', function () {

45 document.body.className = "go";

46 }, false);

47 </script>

48 </head>

49 <body>

50 <div class="box">

51 Lorem ipsum dolor sit amet.

52 </div>

53 <div id="result">

54 </div>

55 </body>

56 </html>

OLD	NEW