From 5dea852f5641a69abf41c43b1d04a57091d4f62c Mon Sep 17 00:00:00 2001 From: mesge Date: Thu, 6 Aug 2015 14:22:40 +1000 Subject: [PATCH] replaced 0% keyframes with 'from' keyword to sidestep compression issues with yui-compressor --- source/attention_seekers/bounce.css | 2 +- source/attention_seekers/flash.css | 2 +- source/attention_seekers/jello.css | 2 +- source/attention_seekers/pulse.css | 2 +- source/attention_seekers/rubberBand.css | 2 +- source/attention_seekers/shake.css | 2 +- source/attention_seekers/tada.css | 2 +- source/attention_seekers/wobble.css | 2 +- source/bouncing_entrances/bounceIn.css | 2 +- source/bouncing_entrances/bounceInDown.css | 2 +- source/bouncing_entrances/bounceInLeft.css | 2 +- source/bouncing_entrances/bounceInRight.css | 4 ++-- source/bouncing_entrances/bounceInUp.css | 4 ++-- source/fading_entrances/fadeIn.css | 2 +- source/fading_entrances/fadeInDown.css | 2 +- source/fading_entrances/fadeInDownBig.css | 2 +- source/fading_entrances/fadeInLeft.css | 2 +- source/fading_entrances/fadeInLeftBig.css | 2 +- source/fading_entrances/fadeInRight.css | 2 +- source/fading_entrances/fadeInRightBig.css | 2 +- source/fading_entrances/fadeInUp.css | 2 +- source/fading_entrances/fadeInUpBig.css | 2 +- source/fading_exits/fadeOut.css | 2 +- source/fading_exits/fadeOutDown.css | 2 +- source/fading_exits/fadeOutDownBig.css | 2 +- source/fading_exits/fadeOutLeft.css | 2 +- source/fading_exits/fadeOutLeftBig.css | 2 +- source/fading_exits/fadeOutRight.css | 2 +- source/fading_exits/fadeOutRightBig.css | 2 +- source/fading_exits/fadeOutUp.css | 2 +- source/fading_exits/fadeOutUpBig.css | 2 +- source/flippers/flip.css | 2 +- source/flippers/flipInX.css | 2 +- source/flippers/flipInY.css | 2 +- source/flippers/flipOutX.css | 2 +- source/flippers/flipOutY.css | 2 +- source/lightspeed/lightSpeedIn.css | 2 +- source/lightspeed/lightSpeedOut.css | 2 +- source/rotating_entrances/rotateIn.css | 2 +- source/rotating_entrances/rotateInDownLeft.css | 2 +- source/rotating_entrances/rotateInDownRight.css | 2 +- source/rotating_entrances/rotateInUpLeft.css | 2 +- source/rotating_entrances/rotateInUpRight.css | 2 +- source/rotating_exits/rotateOut.css | 2 +- source/rotating_exits/rotateOutDownLeft.css | 2 +- source/rotating_exits/rotateOutDownRight.css | 2 +- source/rotating_exits/rotateOutUpLeft.css | 2 +- source/rotating_exits/rotateOutUpRight.css | 2 +- source/sliding_entrances/slideInDown.css | 2 +- source/sliding_entrances/slideInLeft.css | 2 +- source/sliding_entrances/slideInRight.css | 2 +- source/sliding_entrances/slideInUp.css | 2 +- source/sliding_exits/slideOutDown.css | 2 +- source/sliding_exits/slideOutLeft.css | 2 +- source/sliding_exits/slideOutRight.css | 2 +- source/sliding_exits/slideOutUp.css | 2 +- source/specials/rollIn.css | 2 +- source/specials/rollOut.css | 2 +- source/zooming_entrances/zoomIn.css | 2 +- source/zooming_entrances/zoomInDown.css | 2 +- source/zooming_entrances/zoomInLeft.css | 2 +- source/zooming_entrances/zoomInRight.css | 2 +- source/zooming_entrances/zoomInUp.css | 2 +- source/zooming_exits/zoomOut.css | 2 +- 64 files changed, 66 insertions(+), 66 deletions(-) diff --git a/source/attention_seekers/bounce.css b/source/attention_seekers/bounce.css index fac5fe9..8c40c0f 100644 --- a/source/attention_seekers/bounce.css +++ b/source/attention_seekers/bounce.css @@ -1,5 +1,5 @@ @keyframes bounce { - 0%, 20%, 53%, 80%, 100% { + from, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } diff --git a/source/attention_seekers/flash.css b/source/attention_seekers/flash.css index b41036a..c4622e6 100644 --- a/source/attention_seekers/flash.css +++ b/source/attention_seekers/flash.css @@ -1,5 +1,5 @@ @keyframes flash { - 0%, 50%, 100% { + from, 50%, 100% { opacity: 1; } diff --git a/source/attention_seekers/jello.css b/source/attention_seekers/jello.css index a911598..d61f27f 100644 --- a/source/attention_seekers/jello.css +++ b/source/attention_seekers/jello.css @@ -1,5 +1,5 @@ @keyframes jello { - 0%, 11.1%, 100% { + from, 11.1%, 100% { transform: none } 22.2% { diff --git a/source/attention_seekers/pulse.css b/source/attention_seekers/pulse.css index 8591205..3dec652 100644 --- a/source/attention_seekers/pulse.css +++ b/source/attention_seekers/pulse.css @@ -1,7 +1,7 @@ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { - 0% { + from { transform: scale3d(1, 1, 1); } diff --git a/source/attention_seekers/rubberBand.css b/source/attention_seekers/rubberBand.css index 25f44d6..e2789fb 100644 --- a/source/attention_seekers/rubberBand.css +++ b/source/attention_seekers/rubberBand.css @@ -1,5 +1,5 @@ @keyframes rubberBand { - 0% { + from { transform: scale3d(1, 1, 1); } diff --git a/source/attention_seekers/shake.css b/source/attention_seekers/shake.css index 24a5766..61c6f48 100644 --- a/source/attention_seekers/shake.css +++ b/source/attention_seekers/shake.css @@ -1,5 +1,5 @@ @keyframes shake { - 0%, 100% { + from, 100% { transform: translate3d(0, 0, 0); } diff --git a/source/attention_seekers/tada.css b/source/attention_seekers/tada.css index 511ba4e..78b6806 100644 --- a/source/attention_seekers/tada.css +++ b/source/attention_seekers/tada.css @@ -1,5 +1,5 @@ @keyframes tada { - 0% { + from { transform: scale3d(1, 1, 1); } diff --git a/source/attention_seekers/wobble.css b/source/attention_seekers/wobble.css index 5a653a3..9cfe501 100644 --- a/source/attention_seekers/wobble.css +++ b/source/attention_seekers/wobble.css @@ -1,7 +1,7 @@ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { - 0% { + from { transform: none; } diff --git a/source/bouncing_entrances/bounceIn.css b/source/bouncing_entrances/bounceIn.css index 14a6867..ad0e93e 100644 --- a/source/bouncing_entrances/bounceIn.css +++ b/source/bouncing_entrances/bounceIn.css @@ -1,5 +1,5 @@ @keyframes bounceIn { - 0%, 20%, 40%, 60%, 80%, 100% { + from, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } diff --git a/source/bouncing_entrances/bounceInDown.css b/source/bouncing_entrances/bounceInDown.css index dd531db..0a27d32 100644 --- a/source/bouncing_entrances/bounceInDown.css +++ b/source/bouncing_entrances/bounceInDown.css @@ -1,5 +1,5 @@ @keyframes bounceInDown { - 0%, 60%, 75%, 90%, 100% { + from, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } diff --git a/source/bouncing_entrances/bounceInLeft.css b/source/bouncing_entrances/bounceInLeft.css index a868bee..b1eed00 100644 --- a/source/bouncing_entrances/bounceInLeft.css +++ b/source/bouncing_entrances/bounceInLeft.css @@ -1,5 +1,5 @@ @keyframes bounceInLeft { - 0%, 60%, 75%, 90%, 100% { + from, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } diff --git a/source/bouncing_entrances/bounceInRight.css b/source/bouncing_entrances/bounceInRight.css index 3c129cb..48d8b71 100644 --- a/source/bouncing_entrances/bounceInRight.css +++ b/source/bouncing_entrances/bounceInRight.css @@ -1,9 +1,9 @@ @keyframes bounceInRight { - 0%, 60%, 75%, 90%, 100% { + from, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } - 0% { + from { opacity: 0; transform: translate3d(3000px, 0, 0); } diff --git a/source/bouncing_entrances/bounceInUp.css b/source/bouncing_entrances/bounceInUp.css index acfbe49..a08ed6a 100644 --- a/source/bouncing_entrances/bounceInUp.css +++ b/source/bouncing_entrances/bounceInUp.css @@ -1,9 +1,9 @@ @keyframes bounceInUp { - 0%, 60%, 75%, 90%, 100% { + from, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } - 0% { + from { opacity: 0; transform: translate3d(0, 3000px, 0); } diff --git a/source/fading_entrances/fadeIn.css b/source/fading_entrances/fadeIn.css index eab85fc..a2f1039 100644 --- a/source/fading_entrances/fadeIn.css +++ b/source/fading_entrances/fadeIn.css @@ -1,5 +1,5 @@ @keyframes fadeIn { - 0% {opacity: 0;} + from {opacity: 0;} 100% {opacity: 1;} } diff --git a/source/fading_entrances/fadeInDown.css b/source/fading_entrances/fadeInDown.css index 100c195..4b257b9 100644 --- a/source/fading_entrances/fadeInDown.css +++ b/source/fading_entrances/fadeInDown.css @@ -1,5 +1,5 @@ @keyframes fadeInDown { - 0% { + from { opacity: 0; transform: translate3d(0, -100%, 0); } diff --git a/source/fading_entrances/fadeInDownBig.css b/source/fading_entrances/fadeInDownBig.css index 222fd89..f1b0975 100644 --- a/source/fading_entrances/fadeInDownBig.css +++ b/source/fading_entrances/fadeInDownBig.css @@ -1,5 +1,5 @@ @keyframes fadeInDownBig { - 0% { + from { opacity: 0; transform: translate3d(0, -2000px, 0); } diff --git a/source/fading_entrances/fadeInLeft.css b/source/fading_entrances/fadeInLeft.css index 294a50e..d081b1f 100644 --- a/source/fading_entrances/fadeInLeft.css +++ b/source/fading_entrances/fadeInLeft.css @@ -1,5 +1,5 @@ @keyframes fadeInLeft { - 0% { + from { opacity: 0; transform: translate3d(-100%, 0, 0); } diff --git a/source/fading_entrances/fadeInLeftBig.css b/source/fading_entrances/fadeInLeftBig.css index fa580e9..788878a 100644 --- a/source/fading_entrances/fadeInLeftBig.css +++ b/source/fading_entrances/fadeInLeftBig.css @@ -1,5 +1,5 @@ @keyframes fadeInLeftBig { - 0% { + from { opacity: 0; transform: translate3d(-2000px, 0, 0); } diff --git a/source/fading_entrances/fadeInRight.css b/source/fading_entrances/fadeInRight.css index ce1bbbf..50f13ca 100644 --- a/source/fading_entrances/fadeInRight.css +++ b/source/fading_entrances/fadeInRight.css @@ -1,5 +1,5 @@ @keyframes fadeInRight { - 0% { + from { opacity: 0; transform: translate3d(100%, 0, 0); } diff --git a/source/fading_entrances/fadeInRightBig.css b/source/fading_entrances/fadeInRightBig.css index deabf19..6616189 100644 --- a/source/fading_entrances/fadeInRightBig.css +++ b/source/fading_entrances/fadeInRightBig.css @@ -1,5 +1,5 @@ @keyframes fadeInRightBig { - 0% { + from { opacity: 0; transform: translate3d(2000px, 0, 0); } diff --git a/source/fading_entrances/fadeInUp.css b/source/fading_entrances/fadeInUp.css index 1094129..339df08 100644 --- a/source/fading_entrances/fadeInUp.css +++ b/source/fading_entrances/fadeInUp.css @@ -1,5 +1,5 @@ @keyframes fadeInUp { - 0% { + from { opacity: 0; transform: translate3d(0, 100%, 0); } diff --git a/source/fading_entrances/fadeInUpBig.css b/source/fading_entrances/fadeInUpBig.css index 20a0c10..5c96818 100644 --- a/source/fading_entrances/fadeInUpBig.css +++ b/source/fading_entrances/fadeInUpBig.css @@ -1,5 +1,5 @@ @keyframes fadeInUpBig { - 0% { + from { opacity: 0; transform: translate3d(0, 2000px, 0); } diff --git a/source/fading_exits/fadeOut.css b/source/fading_exits/fadeOut.css index aef78c1..9629b24 100644 --- a/source/fading_exits/fadeOut.css +++ b/source/fading_exits/fadeOut.css @@ -1,5 +1,5 @@ @keyframes fadeOut { - 0% {opacity: 1;} + from {opacity: 1;} 100% {opacity: 0;} } diff --git a/source/fading_exits/fadeOutDown.css b/source/fading_exits/fadeOutDown.css index e5daaec..76d9279 100644 --- a/source/fading_exits/fadeOutDown.css +++ b/source/fading_exits/fadeOutDown.css @@ -1,5 +1,5 @@ @keyframes fadeOutDown { - 0% { + from { opacity: 1; } diff --git a/source/fading_exits/fadeOutDownBig.css b/source/fading_exits/fadeOutDownBig.css index 40ffc80..0a289d7 100644 --- a/source/fading_exits/fadeOutDownBig.css +++ b/source/fading_exits/fadeOutDownBig.css @@ -1,5 +1,5 @@ @keyframes fadeOutDownBig { - 0% { + from { opacity: 1; } diff --git a/source/fading_exits/fadeOutLeft.css b/source/fading_exits/fadeOutLeft.css index 349c900..7cda98c 100644 --- a/source/fading_exits/fadeOutLeft.css +++ b/source/fading_exits/fadeOutLeft.css @@ -1,5 +1,5 @@ @keyframes fadeOutLeft { - 0% { + from { opacity: 1; } diff --git a/source/fading_exits/fadeOutLeftBig.css b/source/fading_exits/fadeOutLeftBig.css index 4d7aa62..8c71e8a 100644 --- a/source/fading_exits/fadeOutLeftBig.css +++ b/source/fading_exits/fadeOutLeftBig.css @@ -1,5 +1,5 @@ @keyframes fadeOutLeftBig { - 0% { + from { opacity: 1; } diff --git a/source/fading_exits/fadeOutRight.css b/source/fading_exits/fadeOutRight.css index 687df49..9366cff 100644 --- a/source/fading_exits/fadeOutRight.css +++ b/source/fading_exits/fadeOutRight.css @@ -1,5 +1,5 @@ @keyframes fadeOutRight { - 0% { + from { opacity: 1; } diff --git a/source/fading_exits/fadeOutRightBig.css b/source/fading_exits/fadeOutRightBig.css index 2a0f8ab..ca73cba 100644 --- a/source/fading_exits/fadeOutRightBig.css +++ b/source/fading_exits/fadeOutRightBig.css @@ -1,5 +1,5 @@ @keyframes fadeOutRightBig { - 0% { + from { opacity: 1; } diff --git a/source/fading_exits/fadeOutUp.css b/source/fading_exits/fadeOutUp.css index d07d68e..d1134cb 100644 --- a/source/fading_exits/fadeOutUp.css +++ b/source/fading_exits/fadeOutUp.css @@ -1,5 +1,5 @@ @keyframes fadeOutUp { - 0% { + from { opacity: 1; } diff --git a/source/fading_exits/fadeOutUpBig.css b/source/fading_exits/fadeOutUpBig.css index 4408b5d..9846d70 100644 --- a/source/fading_exits/fadeOutUpBig.css +++ b/source/fading_exits/fadeOutUpBig.css @@ -1,5 +1,5 @@ @keyframes fadeOutUpBig { - 0% { + from { opacity: 1; } diff --git a/source/flippers/flip.css b/source/flippers/flip.css index 297c23b..d33f761 100644 --- a/source/flippers/flip.css +++ b/source/flippers/flip.css @@ -1,5 +1,5 @@ @keyframes flip { - 0% { + from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } diff --git a/source/flippers/flipInX.css b/source/flippers/flipInX.css index d705607..d0a9b81 100644 --- a/source/flippers/flipInX.css +++ b/source/flippers/flipInX.css @@ -1,5 +1,5 @@ @keyframes flipInX { - 0% { + from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; diff --git a/source/flippers/flipInY.css b/source/flippers/flipInY.css index 56b287a..6cc704e 100644 --- a/source/flippers/flipInY.css +++ b/source/flippers/flipInY.css @@ -1,5 +1,5 @@ @keyframes flipInY { - 0% { + from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; diff --git a/source/flippers/flipOutX.css b/source/flippers/flipOutX.css index dbbdba5..57d2ed3 100644 --- a/source/flippers/flipOutX.css +++ b/source/flippers/flipOutX.css @@ -1,5 +1,5 @@ @keyframes flipOutX { - 0% { + from { transform: perspective(400px); } diff --git a/source/flippers/flipOutY.css b/source/flippers/flipOutY.css index 1238b0c..b028e0f 100644 --- a/source/flippers/flipOutY.css +++ b/source/flippers/flipOutY.css @@ -1,5 +1,5 @@ @keyframes flipOutY { - 0% { + from { transform: perspective(400px); } diff --git a/source/lightspeed/lightSpeedIn.css b/source/lightspeed/lightSpeedIn.css index be6497a..0ac1553 100644 --- a/source/lightspeed/lightSpeedIn.css +++ b/source/lightspeed/lightSpeedIn.css @@ -1,5 +1,5 @@ @keyframes lightSpeedIn { - 0% { + from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } diff --git a/source/lightspeed/lightSpeedOut.css b/source/lightspeed/lightSpeedOut.css index d768746..2ddc9a2 100644 --- a/source/lightspeed/lightSpeedOut.css +++ b/source/lightspeed/lightSpeedOut.css @@ -1,5 +1,5 @@ @keyframes lightSpeedOut { - 0% { + from { opacity: 1; } diff --git a/source/rotating_entrances/rotateIn.css b/source/rotating_entrances/rotateIn.css index 3003792..aeb6fc2 100644 --- a/source/rotating_entrances/rotateIn.css +++ b/source/rotating_entrances/rotateIn.css @@ -1,5 +1,5 @@ @keyframes rotateIn { - 0% { + from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; diff --git a/source/rotating_entrances/rotateInDownLeft.css b/source/rotating_entrances/rotateInDownLeft.css index 93b953b..9ca4dde 100644 --- a/source/rotating_entrances/rotateInDownLeft.css +++ b/source/rotating_entrances/rotateInDownLeft.css @@ -1,5 +1,5 @@ @keyframes rotateInDownLeft { - 0% { + from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; diff --git a/source/rotating_entrances/rotateInDownRight.css b/source/rotating_entrances/rotateInDownRight.css index 826a129..6905fea 100644 --- a/source/rotating_entrances/rotateInDownRight.css +++ b/source/rotating_entrances/rotateInDownRight.css @@ -1,5 +1,5 @@ @keyframes rotateInDownRight { - 0% { + from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; diff --git a/source/rotating_entrances/rotateInUpLeft.css b/source/rotating_entrances/rotateInUpLeft.css index 31d623e..b12231c 100644 --- a/source/rotating_entrances/rotateInUpLeft.css +++ b/source/rotating_entrances/rotateInUpLeft.css @@ -1,5 +1,5 @@ @keyframes rotateInUpLeft { - 0% { + from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; diff --git a/source/rotating_entrances/rotateInUpRight.css b/source/rotating_entrances/rotateInUpRight.css index 43004ad..b84a453 100644 --- a/source/rotating_entrances/rotateInUpRight.css +++ b/source/rotating_entrances/rotateInUpRight.css @@ -1,5 +1,5 @@ @keyframes rotateInUpRight { - 0% { + from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; diff --git a/source/rotating_exits/rotateOut.css b/source/rotating_exits/rotateOut.css index 576e807..29790f4 100644 --- a/source/rotating_exits/rotateOut.css +++ b/source/rotating_exits/rotateOut.css @@ -1,5 +1,5 @@ @keyframes rotateOut { - 0% { + from { transform-origin: center; opacity: 1; } diff --git a/source/rotating_exits/rotateOutDownLeft.css b/source/rotating_exits/rotateOutDownLeft.css index 409d540..18f9c17 100644 --- a/source/rotating_exits/rotateOutDownLeft.css +++ b/source/rotating_exits/rotateOutDownLeft.css @@ -1,5 +1,5 @@ @keyframes rotateOutDownLeft { - 0% { + from { transform-origin: left bottom; opacity: 1; } diff --git a/source/rotating_exits/rotateOutDownRight.css b/source/rotating_exits/rotateOutDownRight.css index 44284a7..de20f6a 100644 --- a/source/rotating_exits/rotateOutDownRight.css +++ b/source/rotating_exits/rotateOutDownRight.css @@ -1,5 +1,5 @@ @keyframes rotateOutDownRight { - 0% { + from { transform-origin: right bottom; opacity: 1; } diff --git a/source/rotating_exits/rotateOutUpLeft.css b/source/rotating_exits/rotateOutUpLeft.css index eaad38a..5bfbbf0 100644 --- a/source/rotating_exits/rotateOutUpLeft.css +++ b/source/rotating_exits/rotateOutUpLeft.css @@ -1,5 +1,5 @@ @keyframes rotateOutUpLeft { - 0% { + from { transform-origin: left bottom; opacity: 1; } diff --git a/source/rotating_exits/rotateOutUpRight.css b/source/rotating_exits/rotateOutUpRight.css index 183f3da..039ef15 100644 --- a/source/rotating_exits/rotateOutUpRight.css +++ b/source/rotating_exits/rotateOutUpRight.css @@ -1,5 +1,5 @@ @keyframes rotateOutUpRight { - 0% { + from { transform-origin: right bottom; opacity: 1; } diff --git a/source/sliding_entrances/slideInDown.css b/source/sliding_entrances/slideInDown.css index 8f31004..a5589a5 100644 --- a/source/sliding_entrances/slideInDown.css +++ b/source/sliding_entrances/slideInDown.css @@ -1,5 +1,5 @@ @keyframes slideInDown { - 0% { + from { transform: translate3d(0, -100%, 0); visibility: visible; } diff --git a/source/sliding_entrances/slideInLeft.css b/source/sliding_entrances/slideInLeft.css index b47e954..966c5f7 100644 --- a/source/sliding_entrances/slideInLeft.css +++ b/source/sliding_entrances/slideInLeft.css @@ -1,5 +1,5 @@ @keyframes slideInLeft { - 0% { + from { transform: translate3d(-100%, 0, 0); visibility: visible; } diff --git a/source/sliding_entrances/slideInRight.css b/source/sliding_entrances/slideInRight.css index c74f45d..6e5e0b1 100644 --- a/source/sliding_entrances/slideInRight.css +++ b/source/sliding_entrances/slideInRight.css @@ -1,5 +1,5 @@ @keyframes slideInRight { - 0% { + from { transform: translate3d(100%, 0, 0); visibility: visible; } diff --git a/source/sliding_entrances/slideInUp.css b/source/sliding_entrances/slideInUp.css index 2601c98..b544409 100644 --- a/source/sliding_entrances/slideInUp.css +++ b/source/sliding_entrances/slideInUp.css @@ -1,5 +1,5 @@ @keyframes slideInUp { - 0% { + from { transform: translate3d(0, 100%, 0); visibility: visible; } diff --git a/source/sliding_exits/slideOutDown.css b/source/sliding_exits/slideOutDown.css index 1277900..d5ed490 100644 --- a/source/sliding_exits/slideOutDown.css +++ b/source/sliding_exits/slideOutDown.css @@ -1,5 +1,5 @@ @keyframes slideOutDown { - 0% { + from { transform: translate3d(0, 0, 0); } diff --git a/source/sliding_exits/slideOutLeft.css b/source/sliding_exits/slideOutLeft.css index eaff3fb..cff4f3a 100644 --- a/source/sliding_exits/slideOutLeft.css +++ b/source/sliding_exits/slideOutLeft.css @@ -1,5 +1,5 @@ @keyframes slideOutLeft { - 0% { + from { transform: translate3d(0, 0, 0); } diff --git a/source/sliding_exits/slideOutRight.css b/source/sliding_exits/slideOutRight.css index 20f47b6..f796db3 100644 --- a/source/sliding_exits/slideOutRight.css +++ b/source/sliding_exits/slideOutRight.css @@ -1,5 +1,5 @@ @keyframes slideOutRight { - 0% { + from { transform: translate3d(0, 0, 0); } diff --git a/source/sliding_exits/slideOutUp.css b/source/sliding_exits/slideOutUp.css index 7618a11..83c3537 100644 --- a/source/sliding_exits/slideOutUp.css +++ b/source/sliding_exits/slideOutUp.css @@ -1,5 +1,5 @@ @keyframes slideOutUp { - 0% { + from { transform: translate3d(0, 0, 0); } diff --git a/source/specials/rollIn.css b/source/specials/rollIn.css index 3b27783..92526cb 100644 --- a/source/specials/rollIn.css +++ b/source/specials/rollIn.css @@ -1,7 +1,7 @@ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { - 0% { + from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } diff --git a/source/specials/rollOut.css b/source/specials/rollOut.css index f9cd813..328a891 100644 --- a/source/specials/rollOut.css +++ b/source/specials/rollOut.css @@ -1,7 +1,7 @@ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { - 0% { + from { opacity: 1; } diff --git a/source/zooming_entrances/zoomIn.css b/source/zooming_entrances/zoomIn.css index d03fa83..fe43013 100644 --- a/source/zooming_entrances/zoomIn.css +++ b/source/zooming_entrances/zoomIn.css @@ -1,5 +1,5 @@ @keyframes zoomIn { - 0% { + from { opacity: 0; transform: scale3d(.3, .3, .3); } diff --git a/source/zooming_entrances/zoomInDown.css b/source/zooming_entrances/zoomInDown.css index 6e70bf4..f5d60a4 100644 --- a/source/zooming_entrances/zoomInDown.css +++ b/source/zooming_entrances/zoomInDown.css @@ -1,5 +1,5 @@ @keyframes zoomInDown { - 0% { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); diff --git a/source/zooming_entrances/zoomInLeft.css b/source/zooming_entrances/zoomInLeft.css index 3ee2df1..1e3ddfe 100644 --- a/source/zooming_entrances/zoomInLeft.css +++ b/source/zooming_entrances/zoomInLeft.css @@ -1,5 +1,5 @@ @keyframes zoomInLeft { - 0% { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); diff --git a/source/zooming_entrances/zoomInRight.css b/source/zooming_entrances/zoomInRight.css index 04c7d8f..276da66 100644 --- a/source/zooming_entrances/zoomInRight.css +++ b/source/zooming_entrances/zoomInRight.css @@ -1,5 +1,5 @@ @keyframes zoomInRight { - 0% { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); diff --git a/source/zooming_entrances/zoomInUp.css b/source/zooming_entrances/zoomInUp.css index 2518fa1..c3e23a4 100644 --- a/source/zooming_entrances/zoomInUp.css +++ b/source/zooming_entrances/zoomInUp.css @@ -1,5 +1,5 @@ @keyframes zoomInUp { - 0% { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); diff --git a/source/zooming_exits/zoomOut.css b/source/zooming_exits/zoomOut.css index f400e35..334973c 100644 --- a/source/zooming_exits/zoomOut.css +++ b/source/zooming_exits/zoomOut.css @@ -1,5 +1,5 @@ @keyframes zoomOut { - 0% { + from { opacity: 1; }