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

transition/animation

Add Answer

Malik Amir Hamza answered on July 26, 2021 Popularity 10/10 Helpfulness 2/10

answer transition/animation

related transition css

related can you explain the transition in CSS?

related transition

related transition for css

related transition in CSS

transition/animation

Comment

trasiition timing functions:
easein:slow start then fast till end 
ease out : fast start and the slow till end
linear : same speed from start to end
ease in out :start slow  fast end slow
transition delay : every point py delay .........
trsnition property : left
trsnition-timing-function:linear
trsnition:duration:200ms
animation-name 
animation-duration
animation-itertaion-count:infinite
animation dely:
animation:direction:reverse/normal
animation-tming-function:linearetc

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Oct 01 2022

Malik Amir Hamza

0 Answers Avg Quality 2/10

Closely Related Answers

transition css

Comment

div:hover {
  background-color: #000;
  transition: background-color 400ms;
}

/* Or control over animation with transition timing */
div:hover {
  background-color: #000;
  transition: background-color 400ms ease-in-out;
}

/* timing - linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n) */

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: animation anim

Link to this answer
Share Copy Link

Contributed on Aug 30 2021

shahul

0 Answers Avg Quality 2/10

can you explain the transition in CSS?

Comment

.button {
  background-color: blue;
  color: white;
  transition: background-color 0.3s ease;
}

.button:hover {
  background-color: red;
}

Popularity 10/10 Helpfulness 4/10 Language css

Source: chat.openai.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 26 2023

dafayir sami

0 Answers Avg Quality 2/10

transition

Comment

  -webkit-transition: all 0.5s 0s ease;
  -moz-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 26 2021

Tiago R.

0 Answers Avg Quality 2/10

transition for css

Comment

.box {
    border-style: solid;
    border-width: 1px;
    display: block;
    width: 100px;
    height: 100px;
    background-color: #0000FF;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
}

.box:hover {
    background-color: #FFCCCC;
    width: 200px;
    height: 200px;
    transform: rotate(180deg);
}

Popularity 10/10 Helpfulness 4/10 Language css

Source: developer.mozilla.org

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 22 2022

Shamal Durbule

0 Answers Avg Quality 2/10

transition in CSS

Comment

-1

transition: 3s;

Popularity 10/10 Helpfulness 1/10 Language css

Source: app.aluracursos.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jan 22 2023

Nicolás Rocha

0 Answers Avg Quality 2/10

transition/animation

Contents

More Related Answers

transition/animation

Closely Related Answers

transition css

can you explain the transition in CSS?

transition

transition for css

transition in CSS

Grepper

Documentation

Social

Legal

Contact

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