chromium/src/third_party/blink/web_tests/compositing/will-change/neutral-keyframe-not-decomposed.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
 @keyframes test {
   to {transform: rotate(360deg);}
 }
 #target {
   border-left: solid;
   border-top: solid;
   will-change: transform;
   animation-name: test;
   animation-duration: 2e10s;
   animation-delay: -1e10s;
   animation-timing-function: linear;
   width: 100px;
   height: 100px;
   margin: 50px;
 }
 </style>
 The following shape should look like: _|
 <div id="target"></div>
	<!DOCTYPE html>
	<style>
	@keyframes test {
	to {transform: rotate(360deg);}
	}
	#target {
	border-left: solid;
	border-top: solid;
	will-change: transform;
	animation-name: test;
	animation-duration: 2e10s;
	animation-delay: -1e10s;
	animation-timing-function: linear;
	width: 100px;
	height: 100px;
	margin: 50px;
	}
	</style>
	The following shape should look like: _\|
	<div id="target"></div>