<!DOCTYPE html><metacharset="utf-8"><title>CSS Transitions Test: transition-property - outline-color</title><linkrel="author"title="Intel"href="http://www.intel.com"><linkrel="author"title="Shiyou Tan"href="mailto:shiyoux.tan@intel.com"><linkrel="help"href="https://drafts.csswg.org/web-animations-1/#animation-type"><linkrel="help"href="https://drafts.csswg.org/css-ui-3/#outline-color"><metaname="assert"content="Test checks that the 'outline-color' property is animatable."><style>#test{height:100px;outline-style:solid;outline-color:red;outline-width:4px;transition-duration:2s;transition-property:outline-color;transition-timing-function:linear;width:100px;}</style><body><p>Click the blank square with red border below. Test passes if the color of border transforms to green gradually not immediately.</p><divid="test"></div><script>(function(){vartest=document.querySelector("#test");test.addEventListener("click",function(evt){test.setAttribute("style","outline-color: green;");},false);})();</script></body>
