CSS animations

Inhwa M.
Sep 23, 2021

code examples to refer.

img {
animation: rotate-image 2s;
filter: grayscale(100%);
transition: filter 1s;
cursor: pointer;
}

@keyframes rotate-image {
0% { transform: rotate(0deg); }
100% { transform: rotate(1080deg); }

img:hover {
filter: grayscale(0%);
}

CSS Animations — w3 school

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Inhwa M.
Inhwa M.

Written by Inhwa M.

Graduate student of CS, My study notes for programming

No responses yet

Write a response