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

--

--

More from Christina Truong

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

Recommended from Medium

Agi Letkiewicz Tanner

Benefits of Using Sets in JavaScript

John Au-Yeung

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

John Au-Yeung

in

JavaScript in Plain English

JavaScript Events Handlers — onanimationstart

John Au-Yeung

React Bootstrap — Media

John Au-Yeung

in

JavaScript in Plain English

JavaScript Code Styling Best Practices — Empty Line and Conditionals

John Au-Yeung

in

Level Up Coding

Why it’s Time to Stop Using JavaScript IIFEs

John Au-Yeung

in

JavaScript in Plain English

Learning JavaScript by Implementing Lodash Methods — Arrays and Objects

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
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