playtpus_ui
Version:
React Component Libary
14 lines • 2.02 kB
JavaScript
"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.glow = exports.slideInLeft = exports.slideIn = exports.opacityAnimation = void 0;
var styled_components_1 = require("styled-components");
exports.opacityAnimation = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"], ["\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"])));
exports.slideIn = styled_components_1.keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n 0% { \n transform: translateX(15rem);\n }\n 100% {\n transform: translateX(0);\n }"], ["\n 0% { \n transform: translateX(15rem);\n }\n 100% {\n transform: translateX(0);\n }"])));
exports.slideInLeft = styled_components_1.keyframes(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n 0% { \n transform: translateX(-15rem);\n }\n 100% {\n transform: translateX(0);\n }"], ["\n 0% { \n transform: translateX(-15rem);\n }\n 100% {\n transform: translateX(0);\n }"])));
exports.glow = styled_components_1.keyframes(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n 0% { \n transform: scale(0.9);\n filter: drop-shadow(3px 4px 6px teal); \n }\n 100% {\n transform: scale(1);\n filter: drop-shadow(0px 0px 0px white); \n }"], ["\n 0% { \n transform: scale(0.9);\n filter: drop-shadow(3px 4px 6px teal); \n }\n 100% {\n transform: scale(1);\n filter: drop-shadow(0px 0px 0px white); \n }"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
//# sourceMappingURL=animation.js.map