<!DOCTYPE html> | |
<script src="../resources/testharness.js"></script> | |
<script src="../resources/testharnessreport.js"></script> | |
<style> | |
:root { | |
font-size: 1234px; | |
} | |
@keyframes remAnimation { | |
from { | |
width: 10rem; | |
} | |
to { | |
width: 10rem; | |
} | |
} | |
#element:before { | |
content: ''; | |
display: block; | |
animation: remAnimation 1s forwards; | |
} | |
</style> | |
<div id='element'></div> | |
<script> | |
test(function() { | |
assert_equals(getComputedStyle(element, ':before').width, '12340px'); | |
}, 'Check rem is calculated in animation keyframe'); | |
</script> |