<!DOCTYPE html><metacharset="utf-8"><title>CSS Animations Test: animation-duration - 0s, animation-fill-mode - both</title><linkrel="author"title="Intel"href="http://www.intel.com"><linkrel="reviewer"title="Zhiqiang Zhang"href="mailto:zhiqiang.zhang@intel.com"><!-- 2015-05-05 --><linkrel="help"href="https://drafts.csswg.org/css-animations-1/#animation-name"><linkrel="help"href="https://drafts.csswg.org/css-animations-1/#animation-duration"><linkrel="help"href="https://drafts.csswg.org/css-animations-1/#animation-fill-mode"><metaname="flags"content="animated"><metaname="assert"content="When animation-duration is set to 0s (zero seconds), and 'animation-fill-mode' is set to 'both', the last frame of the animation will be displayed."><style>div{height:100px;width:100px;position:absolute;}#test{animation-name:sample;animation-duration:0s;animation-fill-mode:both;background-color:blue;}#ref{background-color:red;left:150px;}@keyframessample{from{left:0px;}to{left:150px;}}</style><body><p> Test passes if there is a filled blue with 'Filler Text', and without animation, and if there is no red.</p><divid="ref"></div><divid="test">Filler Text</div></body>
