Fix buggy custom keyframes demo; closes #204

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 - Added `input`, `label`, `prefix`, `clear-button`, `suffix`, `help-text` exported parts to `sl-select` to make the input customizable
 - Fixed bug where mouse events would bubble up when `sl-button` was disabled, causing tooltips to erroneously appear
+- Fixed buggy custom keyframes animation example
 - Refactored clear logic in `sl-input`
 
 ## 2.0.0-beta.18

docs/components/animation.md

@@ -149,8 +149,10 @@ Supply your own [keyframe formats](https://developer.mozilla.org/en-US/docs/Web/
 <script>
   const animation = document.querySelector('.animation-keyframes sl-animation');
   animation.keyframes = [
-    { transform: 'translateY(0) rotateX(0)', transformOrigin: '50% 50%' }, 
-    { transform: 'translateY(-100%) rotateX(-180deg)', transformOrigin: '50% 100%' },
+    { transform: 'scale(1)', opacity: 1 },
+    { transform: 'scale(.5)', opacity: .5 },
+    { transform: 'scale(.667)', opacity: .667 },
+    { transform: 'scale(.6)', opacity: .6 }
   ];
 </script>