gather & graze board diy

[{"selector":"#anim-5ba1d558-9356-43f6-ade1-47d2bf066f2f","keyframes":{"transform":["translate3d(0px, 100%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.645, 0.045, 0.355, 1)","fill":"both"}] [{"selector":"#anim-a3828092-709b-4e75-ad7d-feb43ae88c05","keyframes":{"transform":["translate3d(0px, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"linear","fill":"both"}] [{"selector":"#anim-de99d522-289f-4265-a907-7585816f6c3c","keyframes":{"transform":["scale(2)","scale(1.1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.645, 0.045, 0.355, 1)","fill":"both"}] [{"selector":"#anim-fc45bf4a-78db-4737-b18c-3ded6c42355a","keyframes":{"transform":["scale(1)","scale(0.91)"]},"delay":1000,"direction":"normal","duration":5000,"easing":"linear","fill":"both"}] [{"selector":"#anim-5ed2e74e-6494-4293-9b13-c2fccac4c19b","keyframes":{"transform":["translate3d(0px, 25%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"direction":"normal","duration":800,"easing":"cubic-bezier(0.645, 0.045, 0.355, 1)","fill":"both"}] [{"selector":"#anim-5dc54fc7-42f3-4d89-ac51-409c079f5a50","keyframes":{"opacity":[0,1]},"delay":200,"direction":"normal","duration":800,"easing":"cubic-bezier(0.645, 0.045, 0.355, 1)","fill":"both"}] [{"selector":"#anim-47db7c70-c7d3-4685-95fb-1df6f018851f","keyframes":[{"transform":"scale(0)","offset":0},{"transform":"scale(1.27)","offset":0.18},{"transform":"scale(0.84)","offset":0.28},{"transform":"scale(0.84)","offset":0.29},{"transform":"scale(1.1)","offset":0.4},{"transform":"scale(1.1)","offset":0.41},{"transform":"scale(0.95)","offset":0.52},{"transform":"scale(0.95)","offset":0.53},{"transform":"scale(1.03)","offset":0.6},{"transform":"scale(1.03)","offset":0.61},{"transform":"scale(0.98)","offset":0.7},{"transform":"scale(0.98)","offset":0.71},{"transform":"scale(1.02)","offset":0.8},{"transform":"scale(1.02)","offset":0.81},{"transform":"scale(0.99)","offset":0.9},{"transform":"scale(0.99)","offset":0.91},{"transform":"scale(1)","offset":1}],"delay":600,"direction":"normal","duration":1200,"easing":"linear","fill":"both"}] [{"selector":"#anim-8b8c28d6-bd30-4301-8975-b567a36af119","keyframes":{"opacity":[0,1]},"delay":900,"direction":"normal","duration":600,"easing":"cubic-bezier(0.215, 0.61, 0.355, 1)","fill":"both"}] [{"selector":"#anim-815c7af9-a188-417c-a615-90ace20e6458","keyframes":{"transform":["rotate(90deg) translate3d(0px, -100%, 0) rotate(-90deg)","rotate(90deg) translate3d(0px, 0px, 0) rotate(-90deg)"]},"delay":700,"direction":"normal","duration":600,"easing":"cubic-bezier(0.215, 0.61, 0.355, 1)","fill":"both"}]

blog post + links

[{"selector":"#anim-05da28c1-9830-4cf6-be05-612420b4c849","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-de0ee55c-a492-4cea-8050-fa0a247b596c","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-77a773f6-0dbf-407a-a165-f9494cf6fd22","keyframes":{"opacity":[0,1]},"delay":400,"duration":3500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a9c41fb7-741c-4645-933d-859188f9732f","keyframes":{"transform":["translate3d(-129.26829%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] check out the blog post for a full tutorial, pro tips, and links for this project. see the post

follow me for more

[{"selector":"#anim-a8e15447-4c45-4efc-aa5a-551972903018","keyframes":{"transform":["translate3d(105%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"direction":"normal","duration":800,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both"}] [{"selector":"#anim-317459c2-39f5-4198-8e65-1c475bf3247b","keyframes":{"transform":["translate3d(-98.56802%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-480071ef-8627-4cbe-8e1c-c16a898bee3d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-abee00f4-fe3b-463c-8dfc-0994d787d60f","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

gather & graze board diy

diy tutorials

blog post + links

follow me for more

@neverskipbrunch