{"componentChunkName":"component---node-modules-gatsby-theme-acmeblog-data-src-templates-tag-posts-js","path":"/blog/tags/animations","result":{"data":{"postsOfTag":{"nodes":[{"excerpt":"I always wanted to learn on how to play with  transitions  and  animations  and I have played with it a couple of times, but I never looked…","timeToRead":2,"frontmatter":{"title":"All you need to know about CSS transitions","tags":["animations","transitions","css"],"date":"February 05, 2021","category":"Code","thumbnail":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC7klEQVQ4y62Vy09TQRTGJxiW/hOaaCIgCs29wMYFho0xITE+lq6MK0kMwQU+ghuXIiItU0ww1QiauECDgjxWRCI1Sts7FKggbYmAYIsVCrSdY76506byWtHkZG7O+c6v98ycM5cxxpjpDjLD5WdGu8VMLgpKm95hZYYrwMyOyULTHTysrGOyUPm4YFpTgBzkgsFs2AQ707PJDKcPwEMmn2CO5lGIa00uPCYXwuQipk1oX62tmVA5yAUDLPvNcjABZ4nJxYjRLqiCC6p022v22eSCEINGa3NQsHSZGsYnakwukka7hYT0aWcgVfIkkDmprbjVnylzWinEtCapcxQDLLUPGlaShVVwsVXusuSV1yGq7wvLG71zsq53TjYOROXF7hA5XJaEJg9aYjNEATv14CNztIwxu0wl2EJpRx6Oy5sfwvLpl1/kGlsirO+n43StZ1YebfYBqLQ6Z8TR4lUspsk4ANKlQCyvv/0hGwcidH94nu4MRunuUJTuDUXp9mCUEIMGWuToXDAY023g0f+UwgphYHGd9vohBk1+jmK4AszuMy6EdmZMLmRpW4BGIwn6+nON6nrn1FvW94Xp6psZGl9Yo0+RBEEDLXJ0rgCLqYblIpYFVrqFLGr1U08wRonNNHHvEl3qDlGVW6hy/2ykVQwaaPOAMbB2AKvcQh575CPP+DLFkym60DVN5U6LLr8KUUN/hOLJNHm+LRM0VbsC80o2NPB4i49aRhfo72aa3N4lCsc3aWo5SeeeT9Hs7w1q+7yYAxrbS95+KGiZE4/9sml4XgFrnk3SS98KdflXqLozSLH1FCEGjZ6cbYeS1zZGu5XGvhS3+lUj40SHZ1bpVn+EGvrCNPB9VZ0yYtBAi5z/2sZubG+usTEBZU6Lzr+YkiNzCbm9ZeBDDJqKPRp7x+hhAjBeSDrbGZQYP1h1Z1D5EDP3Gr39LgfsT7nLyhS1+pXhGb59L4e9ri+9L8qw+dmrK892v74O/II96E/AP4WZxMPGUiefAAAAAElFTkSuQmCC","aspectRatio":1,"src":"/static/6f8fd8ca25c7a0d0d8b1efa4cb538bfd/54311/css.png","srcSet":"/static/6f8fd8ca25c7a0d0d8b1efa4cb538bfd/53f65/css.png 500w,\n/static/6f8fd8ca25c7a0d0d8b1efa4cb538bfd/5d2c5/css.png 1000w,\n/static/6f8fd8ca25c7a0d0d8b1efa4cb538bfd/54311/css.png 1280w","sizes":"(max-width: 1280px) 100vw, 1280px"}}}},"fields":{"slug":"/blog/2021-02-05-all-you-need-to-know-about-transitions/","readingTime":{"words":754,"time":226200,"minutes":3.77,"text":"4 min read"}}},{"excerpt":"As I go through my  React complete guide  from Udemy I stumble across this 1hr video from that teaches you about how to do React animations…","timeToRead":2,"frontmatter":{"title":"React Animations","tags":["react","animations"],"date":"September 06, 2019","category":"Code","thumbnail":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAACkUlEQVQ4y21VW4hOURT+/otLEYmo4QXlUhIPvCiSeJAXyoOYB/GE8ODyMpPcLw9TRCb3wVByazAT0qSUywsjM98/HubVg3KLxMz/He191tnnnP93avfvs/da31nr+9ZaP+AeKl39Uf69EpVsX0AlKtbcuTP45d7DE4yqyeUaUFtBTTWHggG4uwWg9oJaDLp3A33/tQ4w+fo2UE9ANYN6Aeq4AY0Cdc3udoN6CWpp8O3uqAFMQ38MapoZjgR1EtQtUA88UCVQsg7UafMrpil7sADoLrpATQlGvX9dut9AvfY2Pd8TwCWg2nKUOMoyJJft9y6oSd7wY4h4E6ijoFozmSwH1RL7RMMDjlcvFaVkqd004zcW3T0D/mkcHgH1zNskFCRRxkCDBROhy0A6QW0B1QtqBFgtmuMsUAOg1oPqMVDn05iWDjXMojoHaiyoiSbCHVArQI0D1QHqkjntBHUj8EfNBvUoRGs11ZKS642u+rKIHTpRiSJQbh20sy+gtmcKHAa6zG02e4CUC1iEb23fZmBu7bCzH6CaMoI67rt90ZtBK6iHoGaCmmERngG1we73+YKP94dAHQB1HdR4UCt9SbmILeUEtBHUfVD9oJ6C2gPqE6g5oBpATQC1CtRnE+wDqHeg2kEtslou5CWPgW9bdM0mzB+LxgnzG9RFULsM6ERKlUs7X9jJVOmwVJIPXPHcUcdA7c+03kJQ503Ecn2n5FuvAZWonAH95WvS7fuGslOnPd96uX62MRQDzjWDBuuaU6AugzoLarTdbfTnMWDpf/MwGV9rQb0yrp7H6Yb+PWxnF8xmXvD1CmcB+wazI2y+lcMYi76IgcDdZFCrQU2vm9r5CKuo4yOINVQrXKJs3V/AP1w0JVJR9ITIAAAAAElFTkSuQmCC","aspectRatio":1,"src":"/static/47ce6e77f039020ee2e76a10c1e988e9/6ba37/React-js.png","srcSet":"/static/47ce6e77f039020ee2e76a10c1e988e9/53f65/React-js.png 500w,\n/static/47ce6e77f039020ee2e76a10c1e988e9/6ba37/React-js.png 512w","sizes":"(max-width: 512px) 100vw, 512px"}}}},"fields":{"slug":"/blog/2019-09-06-react-animations/","readingTime":{"words":840,"time":252000,"minutes":4.2,"text":"5 min read"}}}]}},"pageContext":{"tag":"animations"}},"staticQueryHashes":["1215605242","1215605242","237740128","2476695796","3953836688","3953836688","4282681173"]}