Christina Truong
Christina Truong

Nov 12, 2021

·
11 min read
·
Example CSS using animation and @keyframes

How to create animations using only CSS and @ keyframes

Learn a no-JavaScript technique using only the CSS animation property

Prefer to watch a video? This article is a companion piece to my Decoded by Christina series on YouTube.

--

--

More from Christina Truong

Tech Educator. christina.fyi Twitter @christinatruong Instagram @christina.is.online

Recommended from Medium

Agi Letkiewicz Tanner

Agi Letkiewicz Tanner

Benefits of Using Sets in JavaScript

John Au-Yeung

John Au-Yeung

Developing Vue Apps with the Quasar Library — Swipeable Tabs and Timeline

John Au-Yeung

John Au-Yeung

in

JavaScript in Plain English

JavaScript Events Handlers — onanimationstart

John Au-Yeung

John Au-Yeung

React Bootstrap — Media

John Au-Yeung

John Au-Yeung

in

JavaScript in Plain English

JavaScript Code Styling Best Practices — Empty Line and Conditionals

John Au-Yeung

John Au-Yeung

in

Level Up Coding

Why it’s Time to Stop Using JavaScript IIFEs

John Au-Yeung

John Au-Yeung

in

JavaScript in Plain English

Learning JavaScript by Implementing Lodash Methods — Arrays and Objects

John Au-Yeung

John Au-Yeung

in

Level Up Coding

JavaScript Problems — Cookies, Date Differences, Title Case, and More

AboutHelpTermsPrivacy


Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Get unlimited access
Christina Truong

Christina Truong

1K Followers

Tech Educator. christina.fyi Twitter @christinatruong Instagram @christina.is.online

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech