-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathcomponent---src-pages-animations-js-245c6531c3eee6a927ad.js
2 lines (2 loc) · 3.17 KB
/
component---src-pages-animations-js-245c6531c3eee6a927ad.js
1
2
"use strict";(self.webpackChunkmy_gatsby_site=self.webpackChunkmy_gatsby_site||[]).push([[212],{2432:function(e,t,a){var n=a(7294),l=a(2184);t.Z=function(e){var t=e.label,a=e.onClick;return n.createElement(l.O,{onClick:a},t)}},2184:function(e,t,a){a.d(t,{o:function(){return l},O:function(){return r}});var n=a(979),l=(0,n.css)(["font-family:",";font-size:24px;margin:12px;border:none;cursor:pointer;transition:filter 0.2s;&:hover{filter:brightness(0.95);}&:active{filter:brightness(0.9);}"],(function(e){return e.theme.fonts.roboto})),r=n.default.button.withConfig({displayName:"styled__ButtonStyled",componentId:"sc-1rugd49-0"})(["",";background:",";color:",";width:fit-content;border-radius:6px;padding:0.6rem 1.8rem;"],l,(function(e){return e.theme.colors.secondary.light}),(function(e){return e.theme.colors.white}))},9487:function(e,t,a){a.r(t),a.d(t,{default:function(){return d}});var n=a(7294),l=a(5186),r=a(4937),i=a(2432),o=a(1534),s=a(979),c=s.default.section.withConfig({displayName:"styled__AnimationsWrapper",componentId:"sc-11ap9k9-0"})(["",";display:grid;grid-template-columns:70% auto;grid-template-rows:auto;padding-top:5rem;padding-bottom:5rem;"],(function(e){return e.theme.utils.container})),u=s.default.div.withConfig({displayName:"styled__AnimationsFigure",componentId:"sc-11ap9k9-1"})([".a-perspective{position:fixed;top:200px;}"]),p=s.default.div.withConfig({displayName:"styled__AnimationsButtonsContainer",componentId:"sc-11ap9k9-2"})(["h3{margin-top:1rem;}"]),m=[{label:"Bounce",classes:["a-dance","a-journal","a-pulse","a-pulse-slow","a-jamp","a-four-rock"]},{label:"Fading Entrances",classes:["a-flip-top","a-flip-left","a-flip-right","a-flip-bottom"]},{label:"Jello",classes:["a-jello-vertical","a-jello-horizontal"]},{label:"Rotate",classes:["a-rotate-flip-down","a-rotate-down-bounce","a-rotate-out"]},{label:"Agrecives",classes:["a-flash-bang","a-bomb"]},{label:"Perspective",classes:["a-flip-left-bounce","a-rotate-flip","a-flip-right-bounce","a-three-flip-right","a-three-flip-left","a-three-flip-up","a-three-flip-down"]},{label:"Wobble",classes:["a-wobble-bottom","a-wobble-top","a-wobble-left","a-wobble-right"]},{label:"Vibrate",classes:["a-vibrate-low","a-vibrate-medium","a-vibrate-high"]}];var f=function(){var e=(0,r.Z)(),t=e.title,a=e.description,s=(0,n.useState)(""),f=s[0],d=s[1];return n.createElement(n.Fragment,null,n.createElement(l.q,null,n.createElement("title",null,t," - animations examples"),n.createElement("meta",{name:"description",content:a}),n.createElement("meta",{property:"og:title",content:t+" - animations examples"}),n.createElement("meta",{property:"og:description",content:a})),n.createElement(c,null,n.createElement(p,null,m.map((function(e){var t=e.label,a=e.classes;return n.createElement(n.Fragment,null,n.createElement(o.Z,{as:"h3",variant:"h3",paragraph:!0},t),a.map((function(e){return n.createElement(i.Z,{onClick:function(){return d(e)},label:e})})))}))),n.createElement(u,null,n.createElement("div",{className:"a-perspective"},n.createElement("img",{className:f,src:"https://i.ibb.co/23ZSKd0/all-animation-1.png",alt:"animation"})))))},d=function(){return n.createElement(f,null)}}}]);
//# sourceMappingURL=component---src-pages-animations-js-245c6531c3eee6a927ad.js.map