skeuomorphism-button/index.html at main · bedimcode/skeuomorphism-button · 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
<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!--=============== BOXICONS ===============-->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">

        <!--=============== CSS ===============-->
        <link rel="stylesheet" href="assets/css/styles.css">

        <title> Skeuomorphism button - Bedimcode </title>
    </head>
    <body>
        <label>
            <input type="checkbox" class="skeuo__switch">
            <div class="skeuo__button">
                <i class='bx bx-circle skeuo__circle'></i>
                <i class='bx bx-minus skeuo__line'></i>
            </div>
        </label>
    </body>
</html>