48 lines
1.2 KiB
HTML
48 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<style type="text/css" media="screen">
|
|
#box {
|
|
position: relative;
|
|
height: 100px;
|
|
width: 100px;
|
|
background-color: blue;
|
|
-webkit-transition-duration: 1s;
|
|
-webkit-transition-property: top, -webkit-text-fill-color, text-shadow, all;
|
|
}
|
|
#box.change {
|
|
-webkit-text-fill-color: white;
|
|
top: 100px;
|
|
text-shadow: 1px 1px 1px rgba(0,0,0, .8);
|
|
}
|
|
</style>
|
|
<script>
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
}
|
|
|
|
function start()
|
|
{
|
|
var box = document.getElementById('box');
|
|
box.className = "change";
|
|
}
|
|
|
|
window.addEventListener('load', start, false);
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<p>
|
|
This tests a crash that was occuring when you have both an explicit property and 'all' in the -webkit-transition-property CSS property. The crash would occur when you start the transition
|
|
of the explicit property. Transitions of 3 sample properties are used (top, -webkit-text-fill-color,
|
|
and text-shadow), to test 3 separate code paths for property animation.
|
|
|
|
This test should not crash.
|
|
</p>
|
|
<div id="box">
|
|
Text With a Shadow
|
|
</div>
|
|
</body>
|
|
</html>
|