Как плавно скрыть элемент (уход в прозрачность) через секунду после появления?

Question

[bezvozni]

Как плавно скрыть элемент (уход в прозрачность) через секунду после появления?

Answer 1

[origami1024]

.element{
  opacity: 1;
  animation-name: a1;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
@keyframes a1{
  from {opacity: 1;}
  to {opacity: 0;}	
}

Answer 2

[Brad9aga]

Comments

[origami1024]

Мой ответ лучше.
Твой ответ удалится, когда fiddle автоматически утилизируется(через месяц), а мой только когда toster умрет (через 2 месяца).

[Brad9aga]

origami1024, ну пойду слезу пущу теперь

[Brad9aga]

origami1024, и да ты один момент не учел

[origami1024]

лол, ты прав

[Brad9aga]

origami1024, у тебя нет появления, а то что ты исправил, это так мелочи.) у тебя начально значение установлено в 1, а это означает ,что он изначльно сам догадаешься что

[origami1024]

Я допустил, что у автора вопроса элемент и так появляется.
Хотя, я таки плохо прочитал вопрос, и тут нужно еще delay.

[Brad9aga]

я уже наглядно приготовил твой пример

[Brad9aga]

origami1024, https://html5book.ru/css3-animation/
на почитай тут не плохо написано

[origami1024]

Спасибки, почитаю, однако, разьяснение появления элемента это уже сверх того что хотел автор!

[Brad9aga]

origami1024,
решение вопроса по другому

[origami1024]

неплохой вариант