UNPKG

react-animated-buttons

Version:

Customizable Button component that includes some preset animations when the component is hover

84 lines (62 loc) 2.55 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.brigthOut = exports.brigthIn = exports.pulseOut = exports.pulseIn = exports.decrescendo = exports.crescendo = void 0; var _styledComponents = require("styled-components"); function _templateObject6() { var data = _taggedTemplateLiteral(["\n 0% { filter: brightness(1.1);}\n 100% { filter: brightness(1);}\n"]); _templateObject6 = function _templateObject6() { return data; }; return data; } function _templateObject5() { var data = _taggedTemplateLiteral(["\n 0% {filter: brightness(1);}\n 50% {filter: brightness(1.3);}\n 100% {filter: brightness(1);}\n"]); _templateObject5 = function _templateObject5() { return data; }; return data; } function _templateObject4() { var data = _taggedTemplateLiteral(["\n 0% {transform: scale(1.1);}\n 100% {transform: scale(1);}\n"]); _templateObject4 = function _templateObject4() { return data; }; return data; } function _templateObject3() { var data = _taggedTemplateLiteral(["\n 0% {transform: scale(1);}\n 50% {transform: scale(1.1);}\n 100% {transform: scale(1);}\n"]); _templateObject3 = function _templateObject3() { return data; }; return data; } function _templateObject2() { var data = _taggedTemplateLiteral(["\n 0% {transform: scale(1.2);}\n 100% {transform: scale(1);}\n"]); _templateObject2 = function _templateObject2() { return data; }; return data; } function _templateObject() { var data = _taggedTemplateLiteral(["\n 0% {transform: scale(1);}\n 100% {transform: scale(1.2);}\n"]); _templateObject = function _templateObject() { return data; }; return data; } function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } var crescendo = (0, _styledComponents.keyframes)(_templateObject()); exports.crescendo = crescendo; var decrescendo = (0, _styledComponents.keyframes)(_templateObject2()); exports.decrescendo = decrescendo; var pulseIn = (0, _styledComponents.keyframes)(_templateObject3()); exports.pulseIn = pulseIn; var pulseOut = (0, _styledComponents.keyframes)(_templateObject4()); exports.pulseOut = pulseOut; var brigthIn = (0, _styledComponents.keyframes)(_templateObject5()); exports.brigthIn = brigthIn; var brigthOut = (0, _styledComponents.keyframes)(_templateObject6()); exports.brigthOut = brigthOut; //# sourceMappingURL=animations.js.map