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