Блог

Главная - Вопросы по программированию - Мне нужно добавить некоторую задержку, чтобы появился буттон

Мне нужно добавить некоторую задержку, чтобы появился буттон

#css #button #delay #visibility

#css #кнопка #задержка #видимость

Вопрос:

Мне нужно добавить некоторую задержку в «функцию», это для сети, которую я делаю, и кнопка уже есть, я только меняю ее видимость. Я пробовал много вещей, но это не сработало. Первый блок — сделать кнопку невидимой, а второй — сделать ее видимой, идеи заключались в том, чтобы добавить некоторый код между ними, чтобы добавить эту задержку. Вот это код:

 body.page-id-2090 #button{
    visibility: hidden;
}
body.page-id-2090 #button{
    visibility: visible;
}

Ответ №1:

Вы можете добиться этого, используя animation-delay 

 button {
  animation: show 0s both;
  /* show after 2 seconds */
  animation-delay: 2s;
}


@keyframes show {
  from {
    visibility: hidden;
  }
  
  to {
    visibility: visible;
  }
}  
 <p>User agreements: Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
<button>I agree</button>

Комментарии:

1. Спасибо, вы быстро решили мою проблему, я ценю это 👍.