# Popup: How to display Close button with a delay

**URL:** <https://community.elfsight.com/t/popup-how-to-display-close-button-with-a-delay/73147>\
**Category:** Pro Tips\
**Tags:** popup\
**Created:** [September 30, 2024, 5:05pm UTC](https://community.elfsight.com/t/popup-how-to-display-close-button-with-a-delay/73147 "2024-09-30T17:05:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 30, 2024, 5:05pm UTC](https://community.elfsight.com/t/popup-how-to-display-close-button-with-a-delay/73147/1 "2024-09-30T17:05:45Z")

</div>

Want to display the Close button in your [Popup](https://elfsight.com/popup-widget/) after a certain period? We have a solution!

Just add the HTML block in your widget and insert this code there:

```auto
<style>
  [class*='BuilderBlock__Content-sc'] > :last-child {
    display: none;
  }

  @keyframes close-animation {
    0%,
    99% {
      opacity: 0;
      pointer-events: none;
    }
    100% {
      opacity: 1;
      pointer-events: all;
    }
  }

  [class*='Popup__PopupCloseInsideInner-sc'] {
    animation: close-animation 3s;
  }
</style>

```

  

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/3/836c0fe8a154a4245c4e031d8fac6fc3bf7ac284.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/e/5e682e57060eb45fecee4de0dcc3495f3fae713d.png)

  

`close-animation` value allows you to adjust the delay in seconds.

  

Guys, was the solution helpful? Let us know in the comments 😉