CSS несколько разных выходов/выходов

Question

Представьте себе белую коробку. В зависимости от обстоятельств коробка может включать синий или красный. Я хочу, чтобы ящик медленно исчезал от синего до белого, но он должен быстро исчезать от красного до белого цвета. Как мне это достичь, поскольку коробка-переход, похоже, применим к обеим затуханиям, когда он возвращается к белому.

Недавно я много искал и читал переходы CSS. Теперь я знаю, как сделать элементный переход по-разному между двумя состояниями, например. быстро из состояния A в B, а затем медленно возвращаются из состояния B в A.

Однако существует ли удобный способ написания CSS, так что элемент всегда переходит от одного к другому из A в B, но в несколько пути от B до A. Например, скажем, что я хочу вернуться с: наведите на базовое состояние несколькими способами, возможно, быстро в первый раз, затем медленнее в следующий раз, а затем еще медленнее в третий раз, когда я нахожусь элемент.

И как всегда: возможно ли это сделать только с CSS?

Благодаря

Answer 1

на самом деле и нужно установить переход от состояния парения из вас хочет вернуться немедленно.

div.a{ 
width:200px; 
height:200px; 
background: blue; 
margin-bottom:10px; 
} 
div.a:hover{ 
background: red; 
transition: all 1s; 
} 

вот скрипка для понимания https://jsfiddle.net/waf745hf/