Floating Icon Animation

Create a Floating Icon Animation and brand yourself on your blog.

Documentation

How to use?

1. Paste the following code inside head tag.

<script src="https://cdn.jsdelivr.net/gh/floatingiconanimation/floating-icon-animation-cdn@master/script.js"></script>

2. Add the following code just before the end of body tag.

<script> floating_icon("background_color","image.png","size","opacity") </script>

How it works?

background_color - You can set background color of your logo here. Write none if you want no background color.

image.png - You can add your icon/logo/image here. Write none if you want no image.

size - You can add the logo size here. Write 50 in it if you don't know what to write.

opacity - You can add logo's opacity here. Write 50 if you don't know what to write.

Example

Just create a file index.html and paste the following code inside that file.

                        
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="script.js"></script>
</head>
<body>
    <script>
        floating_icon("","https://img.icons8.com/bubbles/50/download.png","100","50")
    </script>
</body>
</html>