Непрозрачность перехода с задержкой ⇐ CSS

[Anonymous]

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

Код: Выделить всё

.foo {
animation: fadeOut 3s cubic-bezier(0.645,  0.045, 0.355, 1.000)
}
@keyframes fadeOut {
80%{
opacity: 1
}
100% {
opacity: 0
}
}
< /code>

Вот моя попытка перехода: < /p>

.announcement {
display: block;
font-size:22px;
transition: opacity 0.4s cubic-bezier(0.645,  0.045, 0.355, 1.000);
transition-delay :3s;
opacity:0;
}

asdasd

http://jsbin.com/vejewukusi/edit?html,cs, output

Это возможно, не добавляя еще один класс CSS? вне и делайте это без использования ключевых кадров.

Подробнее здесь: https://stackoverflow.com/questions/320 ... with-delay