Skip to content

Instantly share code, notes, and snippets.

@macro6461
Created January 17, 2023 16:13
Show Gist options
  • Save macro6461/20a9d6cf6c1a43ced8d3718ebc83c336 to your computer and use it in GitHub Desktop.
Save macro6461/20a9d6cf6c1a43ced8d3718ebc83c336 to your computer and use it in GitHub Desktop.
HTML pertaining to blog post about Custom Popup
<!-- reference css styles in header of your HTML file -->
<div class="popup outer">
<div class="popup inner">
<button class="close">x</button>
<!-- add custom popup content below -->
<img src="giphy.gif"/>
<h3>Here is your popop!</h3>
<p>If you liked this tool, please leave a tip or follow me on Medium!</p>
<p>Thanks for using the custom popup!</p>
<a href="https://paypal.me/mattcroak?country.x=US&amp;locale.x=en_US" target="_blank">Paypal</a>
<a href="https://matt-croak.medium.com/membership" target="_blank">Medium</a>
</div>
<!-- uncomment below to use with full screen popup -->
<!-- <div class="background-mask"></div> -->
</div>
<script src="popup.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment