https://codetones.com
  • Top 10 HTML5 Interview Question For Job Interview >> There are remarkable difference between HTML and HTML5. HTML was... << Read More >>
  • Top 8 PHP Learning Books For Web Application Development >> PHP is an open source, server side scripting language introduced... << Read More >>
  • How To Create A Website? Its Detailed Guideline >> Websites can be made in two ways. For free and... << Read More >>
  • How to Convert PDFs into Microsoft Word Files >> Whether it is official or personal, sometimes we need to... << Read More >>
  • Create a Free Website With Google Sites in Just 5 Minutes >> Creating a new website for a common user seems impossible... << Read More >>
  • What is Google Adword Keyword Planner? How is it done for SEO >> What is Google Keyword Planner and how is it used?... << Read More >>
  • Is Facebook Near Its End? >> Facebook is the only main business, that means making money... << Read More >>
Facebook Twitter Google Plus Linkedin RSS Youtube

Codetones

Only for Creative mind

  • Home
     
  • PC Helpers
     
  • Technews
     
  • Tutorials
     
    • HTML
    • CSS
    • PHP
    • WordPress
  • Code FAQ
     
  • Users
     
    • Login
    • Create An Account
  • About Us
     
  • Contact Us
     
Home Page > Tutorials > CSS > Let's Take A Look At All The Cursor Effects Of CSS

Let's Take A Look At All The Cursor Effects Of CSS

author Author: Calixto

icon-calendar Date: 3 years ago

view Views: 3378

icon-comment Comments: 3

Share on

Facebook Twitter Google Plus Linkedin
Cursor Effects Of CSS

Using CSS, different types of mouse cursor effects can be easily created. Then the mouse pointer's shape will change when the mouse moves over that element. Therefore, declare in the style sheet is like cursor: move. Here instead of move auto, crosshair, e-resize, move, default, help, n-resize, ne-resize, nw-resize, pointer, wait, progress, s-resize, se-resize, sw-resize, w- resize, text can be used.

Practicing Project

<html>
<head>
<title> www.codetones.com</title>
<style>
body{background:#efefef;
font-family:Arial, Helvetica, sans-serif;
color:#066;}
</style>
</head>
<body >
<h2 style="cursor:auto">Touche me and see auto mouse effect</h2>
<h2 style="cursor:help">Touche me and see help mouse effect</h2>
<h2 style="cursor:s-resize">Touche me and see s-resize mouse effect</h2>
<h2 style="cursor:e-resize">Touche me and see e-resize mouse effect</h2>
<h2 style="cursor:progress">Touche me and see progress mouse effect</h2>
<h2 style="cursor:move">Touche me and see move mouse effect</h2>
<h2 style="cursor:crosshair">Touche me and see crosshair mouse effect</h2>
<h2 style="cursor:default">Touche me and see default mouse effect</h2>
<h2 style="cursor:wait">Touche me and see wait mouse effect</h2>
<h2 style="cursor:n-resize">Touche me and see n-resize mouse effect</h2>
<h2 style="cursor:nw-resize">Touche me and see nw-resize mouse effect</h2>
<h2 style="cursor:ne-resize">Touche me and see ne-resize mouse effect</h2>
<h2 style="cursor:pointer">Touche me and see pointer mouse effect</h2>
<h2 style="cursor:se-resize">Touche me and see se-resize mouse effect</h2>
<h2 style="cursor:sw-resize">Touche me and see sw-resize</h2>
<h2 style="cursor:text">Touche me and see text mouse effect</h2>
<h2 style="cursor:w-resize">Touche me and see w-resize mouse effect</h2>
</body>
</html>

                                        

Open a Notepad and enter the code at the top and save it from the file menu and click Save as as file name: index.html, Save as type: Save all files, index.html file with Mozilla Firefox and see how it looks.

Related Posts

CSS Properties for beginner

CSS Properties for beginner

Top 20 CSS Interview Question

Top 20 CSS Interview Question

Various Type Of Shape In CSS

Various Type Of Shape In CSS

The Units Of CSS Font Size

The Units Of CSS Font Size

Leave a Reply

Mar 19

I have read a few good stuff here psosjkdd. Certainly worth bookmarking for revisiting. I surprise how much effort you put to create such a excellent informative web site.
 <a href="http://www.bestlovegift.nl/it/" >braccialetti per coppia</a> [url=http://www.bestlovegift.nl/it/]braccialetti per coppia[/url]
                                 

by braccialetti per coppia

Reply

Mar 23

Rem. 700 .300 Win. Mag. , very nicely scoped; that the long range ticket currently. No, haven’t access to a range over 200 yards so no skill honed for 600-800 yard shots . . . but . . .
anneau bulgari faux http://www.aabracelet.com/category/bague-bulgari-imitation                                    
                                

by anneau bulgari faux

Mar 22

In a previous post I promised to reproduce a quote by Aristotle pertinent to this debate. I have also included a second one, which is very profound in my opinion. They were both reproduced by an American sociologist , Seymour Martin Lipset, at the beginning of his book “Political Man” (1959). Incidentally, there is a chapter in that book called “Working Class Authoritarianism” which is extremely relevant to another debate, that around the white trash that is supporting Trump.
[url=https://es.dhgate.com/product/2018-world-cup-soccer-jersey-spain-national/407832245.html]copa del mundo antigua[/url]                                    
                                

by copa del mundo antigua

Codetones Adblocker Notice

AdBlocker Detected

Please disable your adblocker
This site is supported by the advertisement
Please disable your adblocker to support us !

Online Tools

  • Image Convertor
  • File Convertor
  • Watermark On Image
  • Hash Password
  • Secure Password Generator
  • Color to Black & White Image
  • Black & White to Color Image

Popular Posts

The Simplest 5 Steps To Do SEO(Search Engine Optimization) in Your Blog
The Simplest 5 Steps To Do SEO(Search Engine Optimization) in Your ...
The Reasons For Why Programmers Work at Night And Some Tips For Beginners
The Reasons For Why Programmers Work at Night And Some Tips For Beg...
Boot Your PC By USB Pendrive Without Any Software
Boot Your PC By USB Pendrive Without Any Software
Increase Battery Backup Time For Android Device Phone With Some Easy Tachniques.
Increase Battery Backup Time For Android Device Phone With Some Eas...
How to reset forgotten windows password?
How to reset forgotten windows password?
Large-Skycraper

Categories

  • HTML
  • CSS
  • PHP
  • WordPress

Join Codetones

Facebook Twitter Google Plus Linkedin RSS Youtube

Codetones

Codetones is the Web Solution Base Website. Here You Can Find Beginner to Advanced Level Tutorials.

Support

  • About Us
  • Contact Us
  • Codetones Mobile Apps

Accessibility

  • Terms of Use
  • Privacy Policy
  • Site Map
© Copyright 2019 Codetones. All Right Reserved

Powered by Codetones