Welcome folks today in this blog post we will be changing cursor property to change cursor type on mouse hover using css3 in browser
using php 7
. All the full source code of the application is shown below.
Get Started
In order to get started you need to make an index.html
file and copy paste the following code
index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<div style="cursor:auto">auto</div><br> <div style="cursor:crosshair">crosshair</div><br> <div style="cursor:default">default</div><br> <div style="cursor:e-resize">e-resize</div><br> <div style="cursor:grab">grab</div><br> <div style="cursor:help">help</div><br> <div style="cursor:move">move</div><br> <div style="cursor:n-resize">n-resize</div><br> <div style="cursor:ne-resize">ne-resize</div><br> <div style="cursor:nw-resize">nw-resize</div><br> <div style="cursor:pointer">pointer</div><br> <div style="cursor:progress">progress</div><br> <div style="cursor:s-resize">s-resize</div><br> <div style="cursor:se-resize">se-resize</div><br> <div style="cursor:sw-resize">sw-resize</div><br> <div style="cursor:text">text</div><br> <div style="cursor:w-resize">w-resize</div><br> <div style="cursor:wait">wait</div><br> <div style="cursor:not-allowed">not-allowed</div><br> <div style="cursor:no-drop">no-drop</div><br> |