Skip to content

Instantly share code, notes, and snippets.

@zhangyangjing
Last active April 14, 2022 00:50
Show Gist options
  • Save zhangyangjing/19b4db58a8a5757c7a3b to your computer and use it in GitHub Desktop.
Save zhangyangjing/19b4db58a8a5757c7a3b to your computer and use it in GitHub Desktop.
html loader
<!DOCTYPE html>
<html>
<body>
<div style="height: 51px; width: 54px; margin: 0px auto; overflow: hidden; background-image: url(loader.png); background-repeat: no-repeat;">
<style type="text/css">.disqus-loader{animation:disqus-embed-spinner .7s infinite linear;-webkit-animation:disqus-embed-spinner .7s infinite linear}@keyframes disqus-embed-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes disqus-embed-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}</style>
<div class="disqus-loader" style="width: 29px; height: 29px; margin: 11px 14px; transform-origin: 50% 50% 0px; background-image: url(loader.png); background-position: -54px 0px; background-repeat: no-repeat;"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment