paulfarino · November 6, 2017 02:48
diff --git a/app.css b/app.css
 #thing {
  height: 200px;
  width: 200px;
  background: grey;
 }
diff --git a/index.html b/index.html
 <div id="thing">Hello</div>
diff --git a/web-animation-api.js b/web-animation-api.js
 const el = document.getElementById('thing');

 const player = el.animate([
  {
    width: '300px',
    opacity: 0.2
  },
  {
    width: '200px',
    opacity: 1,
 	}
 	], {
  duration: 1000,
 	iterations: 2,
 	direction: 'alternate',
 	easing: "cubic-bezier(0.4, 0.0, 1, 1)"
 });
	const el = document.getElementById('thing');

	const player = el.animate([
	{
	width: '300px',
	opacity: 0.2
	},
	{
	width: '200px',
	opacity: 1,
	}
	], {
	duration: 1000,
	iterations: 2,
	direction: 'alternate',
	easing: "cubic-bezier(0.4, 0.0, 1, 1)"
	});