Custom-Cursor-Using-CSS-2/index.html at main · sohamgoswami07/Custom-Cursor-Using-CSS-2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Cursor Design</title>
    <!-- Custom CSS -->
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <!-- Main Section -->
    <div class="section" id="section">

        <!-- Cursor overlay -->
        <div class="cursor-overlay"></div>
        <!-- Lottie cursor -->
        <div class="cursor-lottie"></div>

        <!-- Page Content -->
        <div class="content">
            <h1>Cursor CSS Effect</h1>
            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Est perferendis, voluptate aliquid aut numquam ratione, sunt, dolorum nostrum rem nulla quisquam! Accusamus, voluptatem voluptas? Aperiam distinctio maxime accusamus. Eaque, neque molestias repudiandae veritatis reiciendis fuga fugiat ab ut laborum ratione ipsa quisquam illum delectus nesciunt, velit dolor praesentium nam accusantium!</p>
        </div>

        <!-- Footer -->
        <div class="footer">
            <a href="https://www.linkedin.com/in/soham-frontend-engineer/" target="_blank" class="link">Soham Goswami</a>
        </div>
    </div>

    <!-- Custom JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.12.2/lottie.min.js"></script>
    <script src="./js/script.js"></script>

</body>
</html>