Popup: How to display Close button with a delay

Want to display the Close button in your Popup after a certain period? We have a solution!

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

<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


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


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

1 Like