22 lines
482 B
HTML
22 lines
482 B
HTML
<!DOCTYPE html>
|
|
<title>Starting a CSS Animation and Web Animation at the same time on SVG style elements</title>
|
|
<link rel="help" href="https://crbug.com/1264236">
|
|
<style>
|
|
@keyframes anim {
|
|
from { color: green; }
|
|
to { color: red; }
|
|
}
|
|
|
|
#target {
|
|
animation: anim 1s linear;
|
|
}
|
|
</style>
|
|
<svg>
|
|
<style id=target>Test</style>
|
|
</svg>
|
|
<script>
|
|
addEventListener('load', () => {
|
|
target.animate({'top': ['0px', '10px']}, 1000);
|
|
target.offsetTop;
|
|
});
|
|
</script>
|