From 9310cf98ed303004d77ff7abf3761e73194540d5 Mon Sep 17 00:00:00 2001 From: Sarbbottam Bandyopadhyay Date: Mon, 24 Feb 2014 02:09:02 +0530 Subject: [PATCH] Unified formatting across files indent_style = space indent_size = 2 insert_final_newline = true each line within { } to specify single rule --- .gitignore | 2 +- animate-config.json | 2 +- source/_base.css | 2 +- source/attention_seekers/bounce.css | 16 ++++++--- source/attention_seekers/flash.css | 11 ++++-- source/attention_seekers/pulse.css | 16 ++++++--- source/attention_seekers/rubberBand.css | 24 ++++++++++--- source/attention_seekers/shake.css | 16 ++++++--- source/attention_seekers/swing.css | 26 ++++++++++---- source/attention_seekers/tada.css | 26 ++++++++++---- source/attention_seekers/wobble.css | 36 ++++++++++++++----- source/bouncing_entrances/bounceInDown.css | 2 +- source/bouncing_entrances/bounceInLeft.css | 2 +- source/bouncing_entrances/bounceInRight.css | 2 +- source/bouncing_entrances/bounceInUp.css | 2 +- source/bouncing_exits/bounceOut.css | 2 +- source/bouncing_exits/bounceOutDown.css | 2 +- source/bouncing_exits/bounceOutLeft.css | 2 +- source/bouncing_exits/bounceOutRight.css | 2 +- source/bouncing_exits/bounceOutUp.css | 2 +- 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 | 4 +++ source/flippers/flipInX.css | 30 ++++++++-------- source/flippers/flipInY.css | 30 ++++++++-------- source/flippers/flipOutX.css | 19 +++++----- source/flippers/flipOutY.css | 19 +++++----- source/lightspeed/lightSpeedIn.css | 25 +++++++++---- source/lightspeed/lightSpeedOut.css | 16 +++++---- source/rotating_entrances/rotateIn.css | 2 +- .../rotating_entrances/rotateInDownLeft.css | 2 +- .../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/rotateOutUpRight.css | 2 +- source/sliders/slideInDown.css | 2 +- source/sliders/slideInLeft.css | 2 +- source/sliders/slideInRight.css | 2 +- source/sliders/slideOutLeft.css | 2 +- source/sliders/slideOutRight.css | 2 +- source/sliders/slideOutUp.css | 2 +- source/specials/hinge.css | 36 +++++++++++++++---- source/specials/rollIn.css | 13 +++++-- source/specials/rollOut.css | 6 ++-- 63 files changed, 301 insertions(+), 158 deletions(-) diff --git a/.gitignore b/.gitignore index a1998a5..5e0f46f 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,3 @@ .sass-cache node_modules/ -.DS_Store \ No newline at end of file +.DS_Store diff --git a/animate-config.json b/animate-config.json index e21f369..3f4ae95 100644 --- a/animate-config.json +++ b/animate-config.json @@ -95,4 +95,4 @@ "rollOut": true } -} \ No newline at end of file +} diff --git a/source/_base.css b/source/_base.css index 8432987..44434ab 100644 --- a/source/_base.css +++ b/source/_base.css @@ -19,4 +19,4 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI .animated.hinge { animation-duration: 2s; -} \ No newline at end of file +} diff --git a/source/attention_seekers/bounce.css b/source/attention_seekers/bounce.css index a554e35..c79f048 100644 --- a/source/attention_seekers/bounce.css +++ b/source/attention_seekers/bounce.css @@ -1,9 +1,17 @@ @keyframes bounce { - 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} - 40% {transform: translateY(-30px);} - 60% {transform: translateY(-15px);} + 0%, 20%, 50%, 80%, 100% { + transform: translateY(0); + } + + 40% { + transform: translateY(-30px); + } + + 60% { + transform: translateY(-15px); + } } .bounce { animation-name: bounce; -} \ No newline at end of file +} diff --git a/source/attention_seekers/flash.css b/source/attention_seekers/flash.css index 5f36d8a..7781b1a 100644 --- a/source/attention_seekers/flash.css +++ b/source/attention_seekers/flash.css @@ -1,8 +1,13 @@ @keyframes flash { - 0%, 50%, 100% {opacity: 1;} - 25%, 75% {opacity: 0;} + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } } .flash { animation-name: flash; -} \ No newline at end of file +} diff --git a/source/attention_seekers/pulse.css b/source/attention_seekers/pulse.css index b77622c..c1df21e 100644 --- a/source/attention_seekers/pulse.css +++ b/source/attention_seekers/pulse.css @@ -1,11 +1,19 @@ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { - 0% { transform: scale(1); } - 50% { transform: scale(1.1); } - 100% { transform: scale(1); } + 0% { + transform: scale(1); + } + + 50% { + transform: scale(1.1); + } + + 100% { + transform: scale(1); + } } .pulse { animation-name: pulse; -} \ No newline at end of file +} diff --git a/source/attention_seekers/rubberBand.css b/source/attention_seekers/rubberBand.css index e057de4..f1d8ce3 100644 --- a/source/attention_seekers/rubberBand.css +++ b/source/attention_seekers/rubberBand.css @@ -1,9 +1,23 @@ @keyframes rubberBand { - 0% { transform: scale(1); } - 30% { transform: scaleX(1.25) scaleY(0.75); } - 40% { transform: scaleX(0.75) scaleY(1.25); } - 60% { transform: scaleX(1.15) scaleY(0.85); } - 100% { transform: scale(1); } + 0% { + transform: scale(1); + } + + 30% { + transform: scaleX(1.25) scaleY(0.75); + } + + 40% { + transform: scaleX(0.75) scaleY(1.25); + } + + 60% { + transform: scaleX(1.15) scaleY(0.85); + } + + 100% { + transform: scale(1); + } } .rubberBand { diff --git a/source/attention_seekers/shake.css b/source/attention_seekers/shake.css index 69180ba..98bef4e 100644 --- a/source/attention_seekers/shake.css +++ b/source/attention_seekers/shake.css @@ -1,9 +1,17 @@ @keyframes shake { - 0%, 100% {transform: translateX(0);} - 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} - 20%, 40%, 60%, 80% {transform: translateX(10px);} + 0%, 100% { + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + transform: translateX(10px); + } } .shake { animation-name: shake; -} \ No newline at end of file +} diff --git a/source/attention_seekers/swing.css b/source/attention_seekers/swing.css index 70e7261..b94f453 100644 --- a/source/attention_seekers/swing.css +++ b/source/attention_seekers/swing.css @@ -1,12 +1,26 @@ @keyframes swing { - 20% { transform: rotate(15deg); } - 40% { transform: rotate(-10deg); } - 60% { transform: rotate(5deg); } - 80% { transform: rotate(-5deg); } - 100% { transform: rotate(0deg); } + 20% { + transform: rotate(15deg); + } + + 40% { + transform: rotate(-10deg); + } + + 60% { + transform: rotate(5deg); + } + + 80% { t + ransform: rotate(-5deg); + } + + 100% { + transform: rotate(0deg); + } } .swing { transform-origin: top center; animation-name: swing; -} \ No newline at end of file +} diff --git a/source/attention_seekers/tada.css b/source/attention_seekers/tada.css index 172ac2f..c975294 100644 --- a/source/attention_seekers/tada.css +++ b/source/attention_seekers/tada.css @@ -1,11 +1,25 @@ @keyframes tada { - 0% {transform: scale(1);} - 10%, 20% {transform: scale(0.9) rotate(-3deg);} - 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} - 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} - 100% {transform: scale(1) rotate(0);} + 0% { + transform: scale(1); + } + + 10%, 20% { + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + transform: scale(1.1) rotate(-3deg); + } + + 100% { + transform: scale(1) rotate(0); + } } .tada { animation-name: tada; -} \ No newline at end of file +} diff --git a/source/attention_seekers/wobble.css b/source/attention_seekers/wobble.css index d4e16e6..d87d260 100644 --- a/source/attention_seekers/wobble.css +++ b/source/attention_seekers/wobble.css @@ -1,15 +1,35 @@ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { - 0% { transform: translateX(0%); } - 15% { transform: translateX(-25%) rotate(-5deg); } - 30% { transform: translateX(20%) rotate(3deg); } - 45% { transform: translateX(-15%) rotate(-3deg); } - 60% { transform: translateX(10%) rotate(2deg); } - 75% { transform: translateX(-5%) rotate(-1deg); } - 100% { transform: translateX(0%); } + 0% { + transform: translateX(0%); + } + + 15% { + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + transform: translateX(20%) rotate(3deg); + } + + 45% { + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + transform: translateX(10%) rotate(2deg); + } + + 75% { + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + transform: translateX(0%); + } } .wobble { animation-name: wobble; -} \ No newline at end of file +} diff --git a/source/bouncing_entrances/bounceInDown.css b/source/bouncing_entrances/bounceInDown.css index 698c78d..d4fe3b2 100644 --- a/source/bouncing_entrances/bounceInDown.css +++ b/source/bouncing_entrances/bounceInDown.css @@ -20,4 +20,4 @@ .bounceInDown { animation-name: bounceInDown; -} \ No newline at end of file +} diff --git a/source/bouncing_entrances/bounceInLeft.css b/source/bouncing_entrances/bounceInLeft.css index 8907502..aaebe48 100644 --- a/source/bouncing_entrances/bounceInLeft.css +++ b/source/bouncing_entrances/bounceInLeft.css @@ -20,4 +20,4 @@ .bounceInLeft { animation-name: bounceInLeft; -} \ No newline at end of file +} diff --git a/source/bouncing_entrances/bounceInRight.css b/source/bouncing_entrances/bounceInRight.css index c19e3d2..8210689 100644 --- a/source/bouncing_entrances/bounceInRight.css +++ b/source/bouncing_entrances/bounceInRight.css @@ -20,4 +20,4 @@ .bounceInRight { animation-name: bounceInRight; -} \ No newline at end of file +} diff --git a/source/bouncing_entrances/bounceInUp.css b/source/bouncing_entrances/bounceInUp.css index 4ae91f1..ba04da9 100644 --- a/source/bouncing_entrances/bounceInUp.css +++ b/source/bouncing_entrances/bounceInUp.css @@ -20,4 +20,4 @@ .bounceInUp { animation-name: bounceInUp; -} \ No newline at end of file +} diff --git a/source/bouncing_exits/bounceOut.css b/source/bouncing_exits/bounceOut.css index 559f4de..2150ac1 100644 --- a/source/bouncing_exits/bounceOut.css +++ b/source/bouncing_exits/bounceOut.css @@ -20,4 +20,4 @@ .bounceOut { animation-name: bounceOut; -} \ No newline at end of file +} diff --git a/source/bouncing_exits/bounceOutDown.css b/source/bouncing_exits/bounceOutDown.css index 43d8a43..6c8ba70 100644 --- a/source/bouncing_exits/bounceOutDown.css +++ b/source/bouncing_exits/bounceOutDown.css @@ -16,4 +16,4 @@ .bounceOutDown { animation-name: bounceOutDown; -} \ No newline at end of file +} diff --git a/source/bouncing_exits/bounceOutLeft.css b/source/bouncing_exits/bounceOutLeft.css index 9ec4061..6536eab 100644 --- a/source/bouncing_exits/bounceOutLeft.css +++ b/source/bouncing_exits/bounceOutLeft.css @@ -16,4 +16,4 @@ .bounceOutLeft { animation-name: bounceOutLeft; -} \ No newline at end of file +} diff --git a/source/bouncing_exits/bounceOutRight.css b/source/bouncing_exits/bounceOutRight.css index 5534733..9ae7443 100644 --- a/source/bouncing_exits/bounceOutRight.css +++ b/source/bouncing_exits/bounceOutRight.css @@ -16,4 +16,4 @@ .bounceOutRight { animation-name: bounceOutRight; -} \ No newline at end of file +} diff --git a/source/bouncing_exits/bounceOutUp.css b/source/bouncing_exits/bounceOutUp.css index a8606b8..459cb07 100644 --- a/source/bouncing_exits/bounceOutUp.css +++ b/source/bouncing_exits/bounceOutUp.css @@ -16,4 +16,4 @@ .bounceOutUp { animation-name: bounceOutUp; -} \ No newline at end of file +} diff --git a/source/fading_entrances/fadeIn.css b/source/fading_entrances/fadeIn.css index 2916944..2bd0b64 100644 --- a/source/fading_entrances/fadeIn.css +++ b/source/fading_entrances/fadeIn.css @@ -5,4 +5,4 @@ .fadeIn { animation-name: fadeIn; -} \ No newline at end of file +} diff --git a/source/fading_entrances/fadeInDown.css b/source/fading_entrances/fadeInDown.css index 4328fba..e9107cc 100644 --- a/source/fading_entrances/fadeInDown.css +++ b/source/fading_entrances/fadeInDown.css @@ -12,4 +12,4 @@ .fadeInDown { animation-name: fadeInDown; -} \ No newline at end of file +} diff --git a/source/fading_entrances/fadeInDownBig.css b/source/fading_entrances/fadeInDownBig.css index cca41ff..6232423 100644 --- a/source/fading_entrances/fadeInDownBig.css +++ b/source/fading_entrances/fadeInDownBig.css @@ -12,4 +12,4 @@ .fadeInDownBig { animation-name: fadeInDownBig; -} \ No newline at end of file +} diff --git a/source/fading_entrances/fadeInLeft.css b/source/fading_entrances/fadeInLeft.css index 18ba4ea..b465d59 100644 --- a/source/fading_entrances/fadeInLeft.css +++ b/source/fading_entrances/fadeInLeft.css @@ -12,4 +12,4 @@ .fadeInLeft { animation-name: fadeInLeft; -} \ No newline at end of file +} diff --git a/source/fading_entrances/fadeInLeftBig.css b/source/fading_entrances/fadeInLeftBig.css index 43df0d2..3240e78 100644 --- a/source/fading_entrances/fadeInLeftBig.css +++ b/source/fading_entrances/fadeInLeftBig.css @@ -12,4 +12,4 @@ .fadeInLeftBig { animation-name: fadeInLeftBig; -} \ No newline at end of file +} diff --git a/source/fading_entrances/fadeInRight.css b/source/fading_entrances/fadeInRight.css index 1fe7767..3a066e2 100644 --- a/source/fading_entrances/fadeInRight.css +++ b/source/fading_entrances/fadeInRight.css @@ -12,4 +12,4 @@ .fadeInRight { animation-name: fadeInRight; -} \ No newline at end of file +} diff --git a/source/fading_entrances/fadeInRightBig.css b/source/fading_entrances/fadeInRightBig.css index ab19aec..6baaceb 100644 --- a/source/fading_entrances/fadeInRightBig.css +++ b/source/fading_entrances/fadeInRightBig.css @@ -12,4 +12,4 @@ .fadeInRightBig { animation-name: fadeInRightBig; -} \ No newline at end of file +} diff --git a/source/fading_entrances/fadeInUp.css b/source/fading_entrances/fadeInUp.css index 0aeb471..bd2e61b 100644 --- a/source/fading_entrances/fadeInUp.css +++ b/source/fading_entrances/fadeInUp.css @@ -12,4 +12,4 @@ .fadeInUp { animation-name: fadeInUp; -} \ No newline at end of file +} diff --git a/source/fading_entrances/fadeInUpBig.css b/source/fading_entrances/fadeInUpBig.css index e964f3d..4d3b1d7 100644 --- a/source/fading_entrances/fadeInUpBig.css +++ b/source/fading_entrances/fadeInUpBig.css @@ -12,4 +12,4 @@ .fadeInUpBig { animation-name: fadeInUpBig; -} \ No newline at end of file +} diff --git a/source/fading_exits/fadeOut.css b/source/fading_exits/fadeOut.css index ea9051f..e713a7f 100644 --- a/source/fading_exits/fadeOut.css +++ b/source/fading_exits/fadeOut.css @@ -5,4 +5,4 @@ .fadeOut { animation-name: fadeOut; -} \ No newline at end of file +} diff --git a/source/fading_exits/fadeOutDown.css b/source/fading_exits/fadeOutDown.css index c02763c..3b7eb58 100644 --- a/source/fading_exits/fadeOutDown.css +++ b/source/fading_exits/fadeOutDown.css @@ -12,4 +12,4 @@ .fadeOutDown { animation-name: fadeOutDown; -} \ No newline at end of file +} diff --git a/source/fading_exits/fadeOutDownBig.css b/source/fading_exits/fadeOutDownBig.css index bb0bb61..8a98f7d 100644 --- a/source/fading_exits/fadeOutDownBig.css +++ b/source/fading_exits/fadeOutDownBig.css @@ -12,4 +12,4 @@ .fadeOutDownBig { animation-name: fadeOutDownBig; -} \ No newline at end of file +} diff --git a/source/fading_exits/fadeOutLeft.css b/source/fading_exits/fadeOutLeft.css index d86012a..c4b2397 100644 --- a/source/fading_exits/fadeOutLeft.css +++ b/source/fading_exits/fadeOutLeft.css @@ -12,4 +12,4 @@ .fadeOutLeft { animation-name: fadeOutLeft; -} \ No newline at end of file +} diff --git a/source/fading_exits/fadeOutLeftBig.css b/source/fading_exits/fadeOutLeftBig.css index c74fc51..b0d4c49 100644 --- a/source/fading_exits/fadeOutLeftBig.css +++ b/source/fading_exits/fadeOutLeftBig.css @@ -12,4 +12,4 @@ .fadeOutLeftBig { animation-name: fadeOutLeftBig; -} \ No newline at end of file +} diff --git a/source/fading_exits/fadeOutRight.css b/source/fading_exits/fadeOutRight.css index 54b62ec..8691014 100644 --- a/source/fading_exits/fadeOutRight.css +++ b/source/fading_exits/fadeOutRight.css @@ -12,4 +12,4 @@ .fadeOutRight { animation-name: fadeOutRight; -} \ No newline at end of file +} diff --git a/source/fading_exits/fadeOutRightBig.css b/source/fading_exits/fadeOutRightBig.css index 344998d..c7156a5 100644 --- a/source/fading_exits/fadeOutRightBig.css +++ b/source/fading_exits/fadeOutRightBig.css @@ -12,4 +12,4 @@ .fadeOutRightBig { animation-name: fadeOutRightBig; -} \ No newline at end of file +} diff --git a/source/fading_exits/fadeOutUp.css b/source/fading_exits/fadeOutUp.css index c872ab8..19a2a13 100644 --- a/source/fading_exits/fadeOutUp.css +++ b/source/fading_exits/fadeOutUp.css @@ -12,4 +12,4 @@ .fadeOutUp { animation-name: fadeOutUp; -} \ No newline at end of file +} diff --git a/source/fading_exits/fadeOutUpBig.css b/source/fading_exits/fadeOutUpBig.css index 9029557..469bef3 100644 --- a/source/fading_exits/fadeOutUpBig.css +++ b/source/fading_exits/fadeOutUpBig.css @@ -12,4 +12,4 @@ .fadeOutUpBig { animation-name: fadeOutUpBig; -} \ No newline at end of file +} diff --git a/source/flippers/flip.css b/source/flippers/flip.css index 7e23d90..25e0cbf 100644 --- a/source/flippers/flip.css +++ b/source/flippers/flip.css @@ -3,18 +3,22 @@ transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } + 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } + 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } + 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } + 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; diff --git a/source/flippers/flipInX.css b/source/flippers/flipInX.css index dce639f..a2d2394 100644 --- a/source/flippers/flipInX.css +++ b/source/flippers/flipInX.css @@ -1,24 +1,24 @@ @keyframes flipInX { - 0% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } + 0% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } - 40% { - transform: perspective(400px) rotateX(-10deg); - } + 40% { + transform: perspective(400px) rotateX(-10deg); + } - 70% { - transform: perspective(400px) rotateX(10deg); - } + 70% { + transform: perspective(400px) rotateX(10deg); + } - 100% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } + 100% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; -} \ No newline at end of file +} diff --git a/source/flippers/flipInY.css b/source/flippers/flipInY.css index 0078030..ca6849c 100644 --- a/source/flippers/flipInY.css +++ b/source/flippers/flipInY.css @@ -1,24 +1,24 @@ @keyframes flipInY { - 0% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } + 0% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } - 40% { - transform: perspective(400px) rotateY(-10deg); - } + 40% { + transform: perspective(400px) rotateY(-10deg); + } - 70% { - transform: perspective(400px) rotateY(10deg); - } + 70% { + transform: perspective(400px) rotateY(10deg); + } - 100% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } + 100% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; -} \ No newline at end of file +} diff --git a/source/flippers/flipOutX.css b/source/flippers/flipOutX.css index 4bb32d0..8454f90 100644 --- a/source/flippers/flipOutX.css +++ b/source/flippers/flipOutX.css @@ -1,15 +1,16 @@ @keyframes flipOutX { - 0% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - 100% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } + 0% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } } .flipOutX { animation-name: flipOutX; backface-visibility: visible !important; -} \ No newline at end of file +} diff --git a/source/flippers/flipOutY.css b/source/flippers/flipOutY.css index 948caf8..e75e11a 100644 --- a/source/flippers/flipOutY.css +++ b/source/flippers/flipOutY.css @@ -1,15 +1,16 @@ @keyframes flipOutY { - 0% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - 100% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } + 0% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } } .flipOutY { backface-visibility: visible !important; animation-name: flipOutY; -} \ No newline at end of file +} diff --git a/source/lightspeed/lightSpeedIn.css b/source/lightspeed/lightSpeedIn.css index dee261e..b33caad 100644 --- a/source/lightspeed/lightSpeedIn.css +++ b/source/lightspeed/lightSpeedIn.css @@ -1,11 +1,22 @@ @keyframes lightSpeedIn { - 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } - 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } - 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } - 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } + 0% { + transform: translateX(100%) skewX(-30deg); opacity: 0; + } + + 60% { + transform: translateX(-20%) skewX(30deg); opacity: 1; + } + + 80% { + transform: translateX(0%) skewX(-15deg); opacity: 1; + } + + 100% { + transform: translateX(0%) skewX(0deg); opacity: 1; + } } .lightSpeedIn { - animation-name: lightSpeedIn; - animation-timing-function: ease-out; -} \ No newline at end of file + animation-name: lightSpeedIn; + animation-timing-function: ease-out; +} diff --git a/source/lightspeed/lightSpeedOut.css b/source/lightspeed/lightSpeedOut.css index 927f6b4..4b8561c 100644 --- a/source/lightspeed/lightSpeedOut.css +++ b/source/lightspeed/lightSpeedOut.css @@ -1,10 +1,14 @@ @keyframes lightSpeedOut { - 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } - 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } + 0% { + transform: translateX(0%) skewX(0deg); opacity: 1; + } + + 100% { + transform: translateX(100%) skewX(-30deg); opacity: 0; + } } .lightSpeedOut { - animation-name: lightSpeedOut; - - animation-timing-function: ease-in; -} \ No newline at end of file + animation-name: lightSpeedOut; + animation-timing-function: ease-in; +} diff --git a/source/rotating_entrances/rotateIn.css b/source/rotating_entrances/rotateIn.css index a1ecc2e..f77e0b5 100644 --- a/source/rotating_entrances/rotateIn.css +++ b/source/rotating_entrances/rotateIn.css @@ -14,4 +14,4 @@ .rotateIn { animation-name: rotateIn; -} \ No newline at end of file +} diff --git a/source/rotating_entrances/rotateInDownLeft.css b/source/rotating_entrances/rotateInDownLeft.css index d347488..e2308f9 100644 --- a/source/rotating_entrances/rotateInDownLeft.css +++ b/source/rotating_entrances/rotateInDownLeft.css @@ -14,4 +14,4 @@ .rotateInDownLeft { animation-name: rotateInDownLeft; -} \ No newline at end of file +} diff --git a/source/rotating_entrances/rotateInDownRight.css b/source/rotating_entrances/rotateInDownRight.css index 9205910..83b81e8 100644 --- a/source/rotating_entrances/rotateInDownRight.css +++ b/source/rotating_entrances/rotateInDownRight.css @@ -14,4 +14,4 @@ .rotateInDownRight { animation-name: rotateInDownRight; -} \ No newline at end of file +} diff --git a/source/rotating_entrances/rotateInUpLeft.css b/source/rotating_entrances/rotateInUpLeft.css index d2f8dfa..8af6fa0 100644 --- a/source/rotating_entrances/rotateInUpLeft.css +++ b/source/rotating_entrances/rotateInUpLeft.css @@ -14,4 +14,4 @@ .rotateInUpLeft { animation-name: rotateInUpLeft; -} \ No newline at end of file +} diff --git a/source/rotating_entrances/rotateInUpRight.css b/source/rotating_entrances/rotateInUpRight.css index 5b4c50d..43f857e 100644 --- a/source/rotating_entrances/rotateInUpRight.css +++ b/source/rotating_entrances/rotateInUpRight.css @@ -14,4 +14,4 @@ .rotateInUpRight { animation-name: rotateInUpRight; -} \ No newline at end of file +} diff --git a/source/rotating_exits/rotateOut.css b/source/rotating_exits/rotateOut.css index d81e919..67f940b 100644 --- a/source/rotating_exits/rotateOut.css +++ b/source/rotating_exits/rotateOut.css @@ -14,4 +14,4 @@ .rotateOut { animation-name: rotateOut; -} \ No newline at end of file +} diff --git a/source/rotating_exits/rotateOutDownLeft.css b/source/rotating_exits/rotateOutDownLeft.css index d94c3c8..c6c8842 100644 --- a/source/rotating_exits/rotateOutDownLeft.css +++ b/source/rotating_exits/rotateOutDownLeft.css @@ -14,4 +14,4 @@ .rotateOutDownLeft { animation-name: rotateOutDownLeft; -} \ No newline at end of file +} diff --git a/source/rotating_exits/rotateOutDownRight.css b/source/rotating_exits/rotateOutDownRight.css index 5d0b90f..e1b9c54 100644 --- a/source/rotating_exits/rotateOutDownRight.css +++ b/source/rotating_exits/rotateOutDownRight.css @@ -14,4 +14,4 @@ .rotateOutDownRight { animation-name: rotateOutDownRight; -} \ No newline at end of file +} diff --git a/source/rotating_exits/rotateOutUpRight.css b/source/rotating_exits/rotateOutUpRight.css index 528fa8b..aa40b08 100644 --- a/source/rotating_exits/rotateOutUpRight.css +++ b/source/rotating_exits/rotateOutUpRight.css @@ -14,4 +14,4 @@ .rotateOutUpRight { animation-name: rotateOutUpRight; -} \ No newline at end of file +} diff --git a/source/sliders/slideInDown.css b/source/sliders/slideInDown.css index 397861d..8ef123a 100644 --- a/source/sliders/slideInDown.css +++ b/source/sliders/slideInDown.css @@ -11,4 +11,4 @@ .slideInDown { animation-name: slideInDown; -} \ No newline at end of file +} diff --git a/source/sliders/slideInLeft.css b/source/sliders/slideInLeft.css index 219d949..667157d 100644 --- a/source/sliders/slideInLeft.css +++ b/source/sliders/slideInLeft.css @@ -11,4 +11,4 @@ .slideInLeft { animation-name: slideInLeft; -} \ No newline at end of file +} diff --git a/source/sliders/slideInRight.css b/source/sliders/slideInRight.css index 7bde814..b684e20 100644 --- a/source/sliders/slideInRight.css +++ b/source/sliders/slideInRight.css @@ -11,4 +11,4 @@ .slideInRight { animation-name: slideInRight; -} \ No newline at end of file +} diff --git a/source/sliders/slideOutLeft.css b/source/sliders/slideOutLeft.css index d0bbde7..51004b4 100644 --- a/source/sliders/slideOutLeft.css +++ b/source/sliders/slideOutLeft.css @@ -11,4 +11,4 @@ .slideOutLeft { animation-name: slideOutLeft; -} \ No newline at end of file +} diff --git a/source/sliders/slideOutRight.css b/source/sliders/slideOutRight.css index 1253906..131202a 100644 --- a/source/sliders/slideOutRight.css +++ b/source/sliders/slideOutRight.css @@ -11,4 +11,4 @@ .slideOutRight { animation-name: slideOutRight; -} \ No newline at end of file +} diff --git a/source/sliders/slideOutUp.css b/source/sliders/slideOutUp.css index 4c344d1..2f484ca 100644 --- a/source/sliders/slideOutUp.css +++ b/source/sliders/slideOutUp.css @@ -11,4 +11,4 @@ .slideOutUp { animation-name: slideOutUp; -} \ No newline at end of file +} diff --git a/source/specials/hinge.css b/source/specials/hinge.css index 0d063d9..01fb779 100644 --- a/source/specials/hinge.css +++ b/source/specials/hinge.css @@ -1,11 +1,35 @@ @keyframes hinge { - 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } - 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } - 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } - 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } - 100% { transform: translateY(700px); opacity: 0; } + 0% { + transform: rotate(0); + transform-origin: top left; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + transform: rotate(80deg); + transform-origin: top left; + animation-timing-function: ease-in-out; + } + + 40% { + transform: rotate(60deg); + transform-origin: top left; + animation-timing-function: ease-in-out; + } + + 80% { + transform: rotate(60deg) translateY(0); + transform-origin: top left; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + transform: translateY(700px); + opacity: 0; + } } .hinge { animation-name: hinge; -} \ No newline at end of file +} diff --git a/source/specials/rollIn.css b/source/specials/rollIn.css index 2398ca1..2f02e1f 100644 --- a/source/specials/rollIn.css +++ b/source/specials/rollIn.css @@ -1,10 +1,17 @@ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { - 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } - 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } + 0% { + opacity: 0; + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } } .rollIn { animation-name: rollIn; -} \ No newline at end of file +} diff --git a/source/specials/rollOut.css b/source/specials/rollOut.css index 4471b20..257f945 100644 --- a/source/specials/rollOut.css +++ b/source/specials/rollOut.css @@ -1,12 +1,12 @@ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { - 0% { + 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } - 100% { + 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } @@ -14,4 +14,4 @@ .rollOut { animation-name: rollOut; -} \ No newline at end of file +}