Qwen3-VL-8B-Instruct

Tiny Single Element Loading Animations

A 0.88T 0.23

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Animation</title>
7    <style>
8        body {
9            margin: 0;
10            padding: 0;
11            background-color: white;
12            overflow: hidden;
13        }
14        .dot {
15            position: absolute;
16            width: 10px;
17            height: 10px;
18            background-color: #ccc;
19            border-radius: 50%;
20            top: 10px;
21            left: 10px;
22            animation: pulse 2s infinite;
23        }
24        @keyframes pulse {
25            0% {
26                transform: scale(1);
27                opacity: 1;
28            }
29            50% {
30                transform: scale(1.2);
31                opacity: 0.5;
32            }
33            100% {
34                transform: scale(1);
35                opacity: 1;
36            }
37        }
38    </style>
39</head>
40<body>
41    <div class="dot"></div>
42    <script>
43        // No additional JavaScript needed for this simple animation
44    </script>
45</body>
46</html>