html 预载

Posted 2021-05-10

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 预载相关的知识，希望对你有一定的参考价值。

<style>
	.loader-container {
		position: absolute;
	    left: 0;
	    top: 0;
	    z-index: 9000;
	    background-color: rgba(255, 255, 255, 0.75);
	    width: 100%;
	    height: 100%;
	}
	.loader {
		position: absolute;
	    left: calc(50vw - 60px);
	    top: calc(50vh - 60px);
	    border: 16px solid #f3f3f3; /* Light grey */
	    border-top: 16px solid #3498db; /* Blue */
	    border-radius: 50%;
	    width: 120px;
	    height: 120px;
	    animation: spin 2s linear infinite;
	}
	@keyframes spin {
	    0% { transform: rotate(0deg); }
	    100% { transform: rotate(360deg); }
	}
</style>
  
<div class="loader-container">
	<div class="loader"></div>
</div>

以上是关于html 预载的主要内容，如果未能解决你的问题，请参考以下文章