坏蛋格鲁坏蛋格鲁

【CSS】实现页面加载动画特效

2025-11-26 代码分享 阅读(18) 评论(0) 
.loader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
本原创文章未经允许不得转载 | 当前页面：坏蛋格鲁 » 【CSS】实现页面加载动画特效
标签：CSS

相关推荐

评论