search

Home >Web Front-end >HTML Tutorial >CSS uses custom cursor style-Escape Tornado

CSS uses custom cursor style-Escape Tornado

WBOY
WBOYOriginal
2016-08-18 08:58:011304browse

The test environment is the chrome browser

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.132 Safari/537.36

css style

div
{
　cursor:url('1.jpg'),pointer;
}

HTML


　

When the mouse is placed on the div, the cursor will change into the pattern you specified

*Notes

Make sure the customized image is small enough, here it is 16*16

Different browsers support different image formats, please search by yourself

cursor:url('1.jpg'),pointer; The 1.jpg here must be in the same directory as the current html file. Pointer is necessary. It is a backup solution when the customized image cannot be applied. This is It is wrong not to write the first test.

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：CSS (5): AnimationNext article：CSS (5): Animation

Related articles

See more