wpt/css/css-color/animation/opacity-animation-ending-correctly-002.html at master · web-platform-tests/wpt

History

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

<!DOCTYPE HTML>

<title>CSS Test (Color): ending of opacity animation</title>

<style>

#test {

position: sticky;

top: 0;

height: 50px;

background: blue;

transform: translate(0);

filter: grayscale(0%);

transition: opacity 50ms step-start;

}

#test.fade {

opacity: 0.2;

}

.tall {

height: 5000px;

}

</style>

</div>

</div>

function flushStyleLayoutAndPrePaint() {

document.elementFromPoint(10, 10);

}

document.getElementById("test").addEventListener("transitionend", function(e) {

document.documentElement.classList.remove("reftest-wait");

});

requestAnimationFrame(function() {

flushStyleLayoutAndPrePaint();

requestAnimationFrame(function() {

document.getElementById("test").classList.add("fade");

flushStyleLayoutAndPrePaint();

});

</script>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

opacity-animation-ending-correctly-002.html

opacity-animation-ending-correctly-002.html

Files

opacity-animation-ending-correctly-002.html

Latest commit

History

opacity-animation-ending-correctly-002.html

File metadata and controls