9 CSS Animation Courses

9 CSS Animation Courses.

CSS — The Complete Guide (incl. Flexbox, Grid & Sass).

[{"selector":"#anim-420142e0-0fc5-40fd-b1ae-b87965a67364","keyframes":[{"offset":0,"transform":"translate3d(0, -377.87693%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -106.25899271600001%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -36.125034508000006%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -13.565781787%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -5.894880108%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":600,"fill":"both"}]

Advanced Styling with Responsive Design.

[{"selector":"#anim-f1fad751-b4f5-4006-a71a-34b659b73866","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df1e96df-680a-4f8e-af00-1d8e9ac2542c","keyframes":{"transform":["translate3d(0px, 603.04403%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Styling Websites with CSS.

[{"selector":"#anim-77d4cfdc-3575-4cb0-9e1a-7f22847eda22","keyframes":{"transform":["scale(1)","scale(1.5)","scale(0.95)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}]

CSS for Front-end Interviews.

[{"selector":"#anim-23e2676d-9b66-43b0-a993-ed170bc4ee1a","keyframes":{"transform":["translate3d(-119%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-92dffeae-7a09-4309-9f1d-1871dd2dacc1","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}]

Learn CSS.

[{"selector":"#anim-51e6c3a9-70e3-4db1-806a-75df81a33fad","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}]

Advanced CSS and Sass: Flexbox, Grid, Animations, and More!

[{"selector":"#anim-a8cae0a7-b8a3-4939-8530-94c8e5ae16cc","keyframes":{"transform":["translate3d(108.98203%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2446f43b-77dc-48b9-8d7e-74b9401aef14","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ed87a8f3-8ef9-4b98-ba86-d0a8f8e0590b","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

CSS Bootcamp — Master CSS (Including CSS Grid / Flexbox).

[{"selector":"#anim-97a649fb-87eb-4132-9022-4c12a877bdf5","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}]

The Complete Advanced Guide to CSS.

[{"selector":"#anim-1e240d1d-6239-4d2e-911c-156a54aa6ca3","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3e37384d-47f9-4d6f-a374-3396231171e9","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

The CSS and CSS3 Crash Course.

[{"selector":"#anim-375eacbc-3696-447f-88b8-994222d157ad","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-8ca51b65-ea45-4013-8df7-7f6dce7c75cd","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]