@charset "UTF-8"; /* Checkbox.CSS * v1.1.1 * Copyright © 2016 - 720kb * Github: http://github.com/720kb/checkbox.css */ @-webkit-keyframes hey { 50% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-filter: blur(20px); filter: blur(20px); } 90% { -webkit-filter: blur(40px); filter: blur(40px); } 100% { transform: none; filter: none; } } @-moz-keyframes hey { 50% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-filter: blur(20px); filter: blur(20px); } 90% { -webkit-filter: blur(40px); filter: blur(40px); } 100% { transform: none; filter: none; } } @-o-keyframes hey { 50% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-filter: blur(20px); filter: blur(20px); } 90% { -webkit-filter: blur(40px); filter: blur(40px); } 100% { transform: none; filter: none; } } @keyframes hey { 50% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-filter: blur(20px); filter: blur(20px); } 90% { -webkit-filter: blur(40px); filter: blur(40px); } 100% { transform: none; filter: none; } } @-webkit-keyframes omg { 59% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } 60% { -webkit-transform: translateX(-8px) translateY(12px); -moz-transform: translateX(-8px) translateY(12px); -o-transform: translateX(-8px) translateY(12px); -ms-transform: translateX(-8px) translateY(12px); transform: translateX(-8px) translateY(12px); } 70% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } 80% { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 90% { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } 100% { transform: none; } } @-moz-keyframes omg { 59% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } 60% { -webkit-transform: translateX(-8px) translateY(12px); -moz-transform: translateX(-8px) translateY(12px); -o-transform: translateX(-8px) translateY(12px); -ms-transform: translateX(-8px) translateY(12px); transform: translateX(-8px) translateY(12px); } 70% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } 80% { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 90% { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } 100% { transform: none; } } @-o-keyframes omg { 59% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } 60% { -webkit-transform: translateX(-8px) translateY(12px); -moz-transform: translateX(-8px) translateY(12px); -o-transform: translateX(-8px) translateY(12px); -ms-transform: translateX(-8px) translateY(12px); transform: translateX(-8px) translateY(12px); } 70% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } 80% { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 90% { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } 100% { transform: none; } } @keyframes omg { 59% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } 60% { -webkit-transform: translateX(-8px) translateY(12px); -moz-transform: translateX(-8px) translateY(12px); -o-transform: translateX(-8px) translateY(12px); -ms-transform: translateX(-8px) translateY(12px); transform: translateX(-8px) translateY(12px); } 70% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } 80% { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 90% { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } 100% { transform: none; } } @-webkit-keyframes tv { 50% { -webkit-transform: scale(0.6) rotateY(100deg) skew(45deg); -moz-transform: scale(0.6) rotateY(100deg) skew(45deg); -o-transform: scale(0.6) rotateY(100deg) skew(45deg); -ms-transform: scale(0.6) rotateY(100deg) skew(45deg); transform: scale(0.6) rotateY(100deg) skew(45deg); } 70% { -webkit-transform: scale(0.8) rotateY(200deg) skew(70deg); -moz-transform: scale(0.8) rotateY(200deg) skew(70deg); -o-transform: scale(0.8) rotateY(200deg) skew(70deg); -ms-transform: scale(0.8) rotateY(200deg) skew(70deg); transform: scale(0.8) rotateY(200deg) skew(70deg); } 90% { -webkit-transform: scale(1) rotateY(500deg) skew(20deg); -moz-transform: scale(1) rotateY(500deg) skew(20deg); -o-transform: scale(1) rotateY(500deg) skew(20deg); -ms-transform: scale(1) rotateY(500deg) skew(20deg); transform: scale(1) rotateY(500deg) skew(20deg); } 100% { transform: none; } } @-moz-keyframes tv { 50% { -webkit-transform: scale(0.6) rotateY(100deg) skew(45deg); -moz-transform: scale(0.6) rotateY(100deg) skew(45deg); -o-transform: scale(0.6) rotateY(100deg) skew(45deg); -ms-transform: scale(0.6) rotateY(100deg) skew(45deg); transform: scale(0.6) rotateY(100deg) skew(45deg); } 70% { -webkit-transform: scale(0.8) rotateY(200deg) skew(70deg); -moz-transform: scale(0.8) rotateY(200deg) skew(70deg); -o-transform: scale(0.8) rotateY(200deg) skew(70deg); -ms-transform: scale(0.8) rotateY(200deg) skew(70deg); transform: scale(0.8) rotateY(200deg) skew(70deg); } 90% { -webkit-transform: scale(1) rotateY(500deg) skew(20deg); -moz-transform: scale(1) rotateY(500deg) skew(20deg); -o-transform: scale(1) rotateY(500deg) skew(20deg); -ms-transform: scale(1) rotateY(500deg) skew(20deg); transform: scale(1) rotateY(500deg) skew(20deg); } 100% { transform: none; } } @-o-keyframes tv { 50% { -webkit-transform: scale(0.6) rotateY(100deg) skew(45deg); -moz-transform: scale(0.6) rotateY(100deg) skew(45deg); -o-transform: scale(0.6) rotateY(100deg) skew(45deg); -ms-transform: scale(0.6) rotateY(100deg) skew(45deg); transform: scale(0.6) rotateY(100deg) skew(45deg); } 70% { -webkit-transform: scale(0.8) rotateY(200deg) skew(70deg); -moz-transform: scale(0.8) rotateY(200deg) skew(70deg); -o-transform: scale(0.8) rotateY(200deg) skew(70deg); -ms-transform: scale(0.8) rotateY(200deg) skew(70deg); transform: scale(0.8) rotateY(200deg) skew(70deg); } 90% { -webkit-transform: scale(1) rotateY(500deg) skew(20deg); -moz-transform: scale(1) rotateY(500deg) skew(20deg); -o-transform: scale(1) rotateY(500deg) skew(20deg); -ms-transform: scale(1) rotateY(500deg) skew(20deg); transform: scale(1) rotateY(500deg) skew(20deg); } 100% { transform: none; } } @keyframes tv { 50% { -webkit-transform: scale(0.6) rotateY(100deg) skew(45deg); -moz-transform: scale(0.6) rotateY(100deg) skew(45deg); -o-transform: scale(0.6) rotateY(100deg) skew(45deg); -ms-transform: scale(0.6) rotateY(100deg) skew(45deg); transform: scale(0.6) rotateY(100deg) skew(45deg); } 70% { -webkit-transform: scale(0.8) rotateY(200deg) skew(70deg); -moz-transform: scale(0.8) rotateY(200deg) skew(70deg); -o-transform: scale(0.8) rotateY(200deg) skew(70deg); -ms-transform: scale(0.8) rotateY(200deg) skew(70deg); transform: scale(0.8) rotateY(200deg) skew(70deg); } 90% { -webkit-transform: scale(1) rotateY(500deg) skew(20deg); -moz-transform: scale(1) rotateY(500deg) skew(20deg); -o-transform: scale(1) rotateY(500deg) skew(20deg); -ms-transform: scale(1) rotateY(500deg) skew(20deg); transform: scale(1) rotateY(500deg) skew(20deg); } 100% { transform: none; } } @-webkit-keyframes jump { 50% { -webkit-transform: scale(0.6) translateY(-10px); -moz-transform: scale(0.6) translateY(-10px); -o-transform: scale(0.6) translateY(-10px); -ms-transform: scale(0.6) translateY(-10px); transform: scale(0.6) translateY(-10px); } 70% { -webkit-transform: scale(0.8) translateY(-5px); -moz-transform: scale(0.8) translateY(-5px); -o-transform: scale(0.8) translateY(-5px); -ms-transform: scale(0.8) translateY(-5px); transform: scale(0.8) translateY(-5px); } 90% { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 100% { transform: none; } } @-moz-keyframes jump { 50% { -webkit-transform: scale(0.6) translateY(-10px); -moz-transform: scale(0.6) translateY(-10px); -o-transform: scale(0.6) translateY(-10px); -ms-transform: scale(0.6) translateY(-10px); transform: scale(0.6) translateY(-10px); } 70% { -webkit-transform: scale(0.8) translateY(-5px); -moz-transform: scale(0.8) translateY(-5px); -o-transform: scale(0.8) translateY(-5px); -ms-transform: scale(0.8) translateY(-5px); transform: scale(0.8) translateY(-5px); } 90% { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 100% { transform: none; } } @-o-keyframes jump { 50% { -webkit-transform: scale(0.6) translateY(-10px); -moz-transform: scale(0.6) translateY(-10px); -o-transform: scale(0.6) translateY(-10px); -ms-transform: scale(0.6) translateY(-10px); transform: scale(0.6) translateY(-10px); } 70% { -webkit-transform: scale(0.8) translateY(-5px); -moz-transform: scale(0.8) translateY(-5px); -o-transform: scale(0.8) translateY(-5px); -ms-transform: scale(0.8) translateY(-5px); transform: scale(0.8) translateY(-5px); } 90% { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 100% { transform: none; } } @keyframes jump { 50% { -webkit-transform: scale(0.6) translateY(-10px); -moz-transform: scale(0.6) translateY(-10px); -o-transform: scale(0.6) translateY(-10px); -ms-transform: scale(0.6) translateY(-10px); transform: scale(0.6) translateY(-10px); } 70% { -webkit-transform: scale(0.8) translateY(-5px); -moz-transform: scale(0.8) translateY(-5px); -o-transform: scale(0.8) translateY(-5px); -ms-transform: scale(0.8) translateY(-5px); transform: scale(0.8) translateY(-5px); } 90% { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 100% { transform: none; } } @-webkit-keyframes inout { 30% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { transform: none; } } @-moz-keyframes inout { 30% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { transform: none; } } @-o-keyframes inout { 30% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { transform: none; } } @keyframes inout { 30% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { transform: none; } } .checkbox-rotate:checked { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .checkbox-yo:checked { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear; } .checkbox-roll:checked { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -o-transform: rotateX(360deg); -ms-transform: rotateX(360deg); transform: rotateX(360deg); -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear; } .checkbox-away:checked { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -o-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear; } .checkbox-up:checked { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear; } .checkbox-down:checked { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear; } .checkbox-inout:checked { -webkit-animation: inout 0.5s linear; -moz-animation: inout 0.5s linear; -ms-animation: inout 0.5s linear; animation: inout 0.5s linear; } .checkbox-splash:active { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear; } .checkbox-hey:checked { -webkit-animation: hey 0.8s linear; -moz-animation: hey 0.8s linear; -ms-animation: hey 0.8s linear; animation: hey 0.8s linear; } .checkbox-omg:checked { -webkit-animation: omg 0.5s linear; -moz-animation: omg 0.5s linear; -ms-animation: omg 0.5s linear; animation: omg 0.5s linear; } .checkbox-jump:checked { -webkit-animation: jump 0.35s linear; -moz-animation: jump 0.35s linear; -ms-animation: jump 0.35s linear; animation: jump 0.35s linear; } .checkbox-tv:checked { -webkit-animation: tv 0.3s linear; -moz-animation: tv 0.3s linear; -ms-animation: tv 0.3s linear; animation: tv 0.3s linear; } /*# sourceMappingURL=checkbox.css.map */