mirror of
https://github.com/servo/servo.git
synced 2025-06-26 18:14:34 +01:00
35 lines
No EOL
1.2 KiB
HTML
35 lines
No EOL
1.2 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
|
<title>CSS3 Animations Test: the target of the event is that pseudo-element's corresponding element</title>
|
|
<link href="http://www.intel.com" rel="author" title="Intel" />
|
|
<link href="mailto:jieqiongx.cui@intel.com" rel="author" title="Jieqiong Cui" />
|
|
<link href="http://www.w3.org/TR/css3-animations/#AnimationEvent-attributes" rel="help" title="5.1.2. Attributes" />
|
|
<meta content="" name="flags" />
|
|
<meta content="The target of the event is that pseudo-element's corresponding element." name="assert" />
|
|
<style>
|
|
@keyframes sample {
|
|
from {
|
|
left: 150px;
|
|
}
|
|
to {
|
|
left: 0px;
|
|
}
|
|
}
|
|
#testDiv {
|
|
animation-duration: 5s;
|
|
animation-name: sample;
|
|
animation-timing-function: linear;
|
|
position: relative;
|
|
}
|
|
#testDiv::before {
|
|
content: "<";
|
|
}
|
|
#testDiv::after {
|
|
content: ">";
|
|
}
|
|
</style>
|
|
</head><body>
|
|
<p>Test passes if the '<pseudoElement>' moves from right to left one time.</p>
|
|
<div id="testDiv">pseudoElement</div>
|
|
|
|
</body></html> |