Breaking News: Grepper is joining You.com. Read the official announcement!

how to set transition in keyframe

Worrisome Whale answered on March 23, 2022 Popularity 9/10 Helpfulness 5/10

answer how to set transition in keyframe

related how make elements move with a press and hold affect using transition in css

how to set transition in keyframe

Comment

.box {
 animation-name: bounce;
 animation-duration: 4s; /* or: Xms */
 animation-iteration-count: 10;
 animation-direction: alternate; /* or: normal */
 animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
 animation-fill-mode: forwards; /* or: backwards, both, none */
 animation-delay: 2s; /* or: Xms */
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: css-tricks.com

Tags: css keyframe set transition

Link to this answer
Share Copy Link

Contributed on Mar 23 2022

Worrisome Whale

0 Answers Avg Quality 2/10

Closely Related Answers

how make elements move with a press and hold affect using transition in css

Comment

p {
  font-size: x-large;
  color: white;
  width: 40%;
  background-color: blueviolet;
  transition: width 3s;
}

p:active {
  width: 100%;
}

Popularity 2/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: transition elements using css move

Link to this answer
Share Copy Link

Contributed on Sep 09 2024

Matthew “matwal” Walton

0 Answers Avg Quality 2/10

how to set transition in keyframe

Contents

More Related Answers

how to set transition in keyframe

Closely Related Answers

how make elements move with a press and hold affect using transition in css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.