mirror of
https://github.com/servo/servo.git
synced 2025-07-09 08:23:38 +01:00
35 lines
No EOL
1 KiB
HTML
35 lines
No EOL
1 KiB
HTML
<!DOCTYPE html>
|
|
<html><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> |