5 Websites To Practice Your Frontend Skills

5 Websites To Practice Your Front-End Skills

cssbattle.dev

[{"selector":"#anim-76212aa6-cf0a-4670-906b-ce22c852e281","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2bf7dd6f-7528-4020-9296-719d730833e4","keyframes":{"transform":["rotate(-90deg) translate3d(-100%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-af679c44-128d-4ee9-b223-423d3727dfc1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9755fefd-5f7c-4077-ace9-4ef0422482e3","keyframes":{"transform":["rotate(-90deg) translate3d(100.00000%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

teamtreehouse.com

[{"selector":"#anim-35beb882-c0d4-4436-b325-a9a197892f0a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3d484ae6-8013-4ad5-9094-555a43d2db67","keyframes":{"transform":["rotate(-90deg) translate3d(-100%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a67a2534-f64d-45b7-b13c-1ec5ed7699c9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c63cff0d-499c-406f-b823-48aba5f873f3","keyframes":{"transform":["rotate(-90deg) translate3d(100.00000%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

coderbyte.com

[{"selector":"#anim-075fb0f0-ecf8-460e-884c-c28b52771812","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ac7b32df-c357-4d56-a5af-5739a083ee90","keyframes":{"transform":["rotate(-90deg) translate3d(-100%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-94bb472b-fe75-464e-87f6-fba94fde847d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-760f6452-ab8a-4c08-9689-4522320cb9c7","keyframes":{"transform":["rotate(-90deg) translate3d(100.00000%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

codepen.io

[{"selector":"#anim-576b3e1e-28c4-4b36-8f64-7b67e400d76d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a45a546e-5d6d-48b9-88d5-792170b81f36","keyframes":{"transform":["rotate(-90deg) translate3d(-100%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-72ca263a-f055-4afe-ad1b-206f4b373a23","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d882060c-2629-45a2-9ead-1adb90a7bce3","keyframes":{"transform":["rotate(-90deg) translate3d(100.00000%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

javascript30.com

[{"selector":"#anim-6fc4e179-0b3e-4af4-942b-006cfc125e8f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-18998e37-99ae-47bf-a315-34349b26074b","keyframes":{"transform":["rotate(-90deg) translate3d(-100%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-992e2a00-89d2-404e-8885-933d821eb41c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a9fb467-65e6-46ed-bc4c-334a734ff961","keyframes":{"transform":["rotate(-90deg) translate3d(100.00000%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]