搞笑的加载页面
作者：微信文章效果图
2.源代码
<!DOCTYPE html><htmllang="zh"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>搞笑加载动画</title><style>body {margin: 0;font-family: Arial, sans-serif;display: flex;justify-content: center;align-items: center;min-height: 100vh;background: linear-gradient(to right, #9c27b0, #e91e63, #f44336);color: white; }.container {text-align: center; }.emoji {font-size: 8rem;animation: spin 2s linear infinite; } @keyframes spin { 100% { transform: rotate(360deg); } }h1 {font-size: 2.5rem;margin-bottom: 1rem; }#loading-message {font-size: 1.25rem;max-width: 20rem;margin: 0 auto;min-height: 3rem; }.fade-in {animation: fadeIn 0.5s ease-in; } @keyframes fadeIn {from { opacity: 0; transform: translateY(20px); }to { opacity: 1; transform: translateY(0); } }</style></head><body><divclass="container"><divclass="emoji">
页:
[1]