Make error animation slower

davidisaaclee · davidisaaclee · commit a98f2ecfb40f · 2017-06-10T14:52:36.000-04:00
diff --git a/index.html b/index.html
@@ -145,7 +145,7 @@
 		}
 
 		.error {
-		  animation: shake 0.2s cubic-bezier(.36,.07,.19,.97) both;
+		  animation: shake 0.3s cubic-bezier(.36,.07,.19,.97);
 		  transform: translate3d(0, 0, 0);
 		  backface-visibility: hidden;
 		  perspective: 1000px;
diff --git a/sketch.js b/sketch.js
@@ -650,7 +650,7 @@ function linebreak() {
 function renderSourceCode() {
 	function indicateSourceError() {
 		srcContainer.classList.add('error');
-		window.setTimeout(() => srcContainer.classList.remove('error'), 200);
+		window.setTimeout(() => srcContainer.classList.remove('error'), 300);
 	}
 
 	// Keep it within tha limit

Original file line number	Diff line number	Diff line change
`@@ -145,7 +145,7 @@`
`145`	`145`	`}`
`146`	`146`
`147`	`147`	`.error {`
`148`		`- animation: shake 0.2s cubic-bezier(.36,.07,.19,.97) both;`
	`148`	`+ animation: shake 0.3s cubic-bezier(.36,.07,.19,.97);`
`149`	`149`	`transform: translate3d(0, 0, 0);`
`150`	`150`	`backface-visibility: hidden;`
`151`	`151`	`perspective: 1000px;`
Original file line number	Diff line number	Diff line change
`@@ -650,7 +650,7 @@ function linebreak() {`
`650`	`650`	`function renderSourceCode() {`
`651`	`651`	`function indicateSourceError() {`
`652`	`652`	`srcContainer.classList.add('error');`
`653`		`- window.setTimeout(() => srcContainer.classList.remove('error'), 200);`
	`653`	`+ window.setTimeout(() => srcContainer.classList.remove('error'), 300);`
`654`	`654`	`}`
`655`	`655`
`656`	`656`	`// Keep it within tha limit`