mirror of
https://github.com/servo/servo.git
synced 2025-06-26 18:14:34 +01:00
29 lines
No EOL
746 B
HTML
29 lines
No EOL
746 B
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<title>CSS Test: Blended element with animation</title>
|
|
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
|
|
<style type="text/css">
|
|
div {
|
|
width: 100px;
|
|
height: 100px;
|
|
background: #FF0;
|
|
}
|
|
|
|
@keyframes changeOpacity
|
|
{
|
|
from { opacity: 1; }
|
|
to { opacity: 0.1; }
|
|
}
|
|
|
|
#blender {
|
|
background: #0F0;
|
|
animation: changeOpacity 1s;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if you can see a fading green box.</p>
|
|
<div><div id="blender"></div></div>
|
|
|
|
|
|
</body></html> |