How To Make Your Background Image Stationary

Written by @kerixa 21 August 2012

In this code, two beautiful lines follow the mouse. And whenever the mouse does not move, these two lines rotate around the pointer, and whenever the mouse moves, these two lines follow the cursor. The color of these two lines changes every time your website page is loaded and their colors are selected randomly which makes this code more beautiful for the mouse cursor on your website.

Code Snippet:

                                                
                                                <!-- this script is provided by https://www.htmlfreecode.com coded by: Kerixa Inc. -->
<STYLE TYPE="text/css">
BODY { background-image: url(http://www.htmlfreecode.com/files/bg2.jpg) }
BODY { background-repeat: repeat }
BODY { background-position: center }
</STYLE>
<a target='_blank' href='https://www.htmlfreecode.com' style='font-size: 8pt; text-decoration: none'>Html Free Codes</a>

Example:

About @kerixa

I am Krishna Eydat. I studied Software Engineering at University of Waterloo in Canada. I lead a few tech companies. I am passionate about the way we are connected. I would like to be part of something big or be the big deal!

Comments

Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300