RazorSh4rk/fimget_spimer.html

## fimget_spimer.html
<html>
    <head>
        <style>

            body {
                margin: 0px;
                padding: 0px;
            }

            .bg {
                width: 200px;
                height: 200px;
                position: absolute;
                top: 0px;
                left: 0px;
                background: url(https://secure.i.telegraph.co.uk/multimedia/archive/01502/andromeda_1502473c.jpg);
                border-radius: 50%;
            }

            .wrapper {
                width: 200px;
                height: 200px;
                overflow: hidden;
                animation: spin 1s linear infinite;
            }

            @keyframes spin {
                100%{
                    transform:rotate(-360deg);
                }
            }

            .top, .left, .right {
                width: 50px;
                height: 50px;
                background: green;
                border-radius: 50%;
                position: absolute;
                opacity: 80%;
            }

            .base {
                width: 70px;
                height: 70px;
                background: green;
                border-radius: 50%;
                margin: auto;
                margin-top: 65px;
                opacity: 80%;
            }

            .cheems {
                width: 40px;
                height: 40px;
                position: absolute;
                top: 80px;
                left: 80px;
                border-radius: 50%;
                background-image: url(qnsi82B.png);
                /* https://i.imgur.com/qnsi82B.png */
                background-size: 40px 40px;
            }

            .top {
                top: 20px;
                left: 75px;
            }

            .left {
                top: 100px;
                left: 25px;
            }

            .right {
                top: 100px;
                left: 125px;
            }

            .ring {
                width: 20px;
                height: 20px;
                border: 1px solid black;
                background: black;
                border-radius: 50%;
                margin: auto;
                margin-top: 15px;
                background-blend-mode: difference;
            }

        </style>
    </head>

    <body>
        <div class="bg"></div>
        <div class="wrapper">
            <div class="base">
                <div class="cheems"></div>
            </div>
            <div class="top">
                <p class="ring"></p>
            </div>
            <div class="left">
                <p class="ring"></p>
            </div>
            <div class="right">
                <p class="ring"></p>
            </div>
        </div>
    </body>
</html>
	<html>
	<head>
	<style>

	body {
	margin: 0px;
	padding: 0px;
	}

	.bg {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(https://secure.i.telegraph.co.uk/multimedia/archive/01502/andromeda_1502473c.jpg);
	border-radius: 50%;
	}

	.wrapper {
	width: 200px;
	height: 200px;
	overflow: hidden;
	animation: spin 1s linear infinite;
	}

	@keyframes spin {
	100%{
	transform:rotate(-360deg);
	}
	}

	.top, .left, .right {
	width: 50px;
	height: 50px;
	background: green;
	border-radius: 50%;
	position: absolute;
	opacity: 80%;
	}

	.base {
	width: 70px;
	height: 70px;
	background: green;
	border-radius: 50%;
	margin: auto;
	margin-top: 65px;
	opacity: 80%;
	}

	.cheems {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 80px;
	left: 80px;
	border-radius: 50%;
	background-image: url(qnsi82B.png);
	/* https://i.imgur.com/qnsi82B.png */
	background-size: 40px 40px;
	}

	.top {
	top: 20px;
	left: 75px;
	}

	.left {
	top: 100px;
	left: 25px;
	}

	.right {
	top: 100px;
	left: 125px;
	}

	.ring {
	width: 20px;
	height: 20px;
	border: 1px solid black;
	background: black;
	border-radius: 50%;
	margin: auto;
	margin-top: 15px;
	background-blend-mode: difference;
	}

	</style>
	</head>

	<body>
	<div class="bg"></div>
	<div class="wrapper">
	<div class="base">
	<div class="cheems"></div>
	</div>
	<div class="top">
	<p class="ring"></p>
	</div>
	<div class="left">
	<p class="ring"></p>
	</div>
	<div class="right">
	<p class="ring"></p>
	</div>
	</div>
	</body>
	</html>