Default CSS2 & CSS3 Cursor Value For Web-Design Help And Inspiration

Web design is comparable with our mind. Like we change and renovated our thoughts every moment, the theme of web design is almost following...

AirDroid-Let’s-You-Control-&-Manage-Your-Android-Device-From-Web-Browser-Via-Wi-FiWeb design is comparable with our mind. Like we change and renovated our thoughts every moment, the theme of web design is almost following that path. Definition of brilliant Web-Design has been changed a lot then it was a few days ago and still it’s running off tremendously. That may be because Web-Design is a kind of art and art come of mind, so just like mind- it’s running! May be this is a reason but what I think is, tools are making the real gap now. Designer’s now got tweaks like CSS3, HTML5  and tools to play them with which can’t even be dreamt a few days back. So why I am talking about this while today I only go through CSS cursor property? Because I am making you to feel it’s importance first. Designer’s now focus on details and cursor plays a lot role there. Like you can make a query form and then put help cursor there or you have made a resizable tab and then use resize cursor there. These small tweak can do a lot. So let’s have a look over CSS2 and CSS3 cursors property.

So, how to use CSS cursor? It’s simple, just write a CSS and put cursor: Whatever in it. Like if I want to use pointer cursor in text area, then the CSS can be like the following:

Mark that “cursor: pointer” in the code. It determines how the cursor will look like. There’s some different types of cursor styles (18 in CSS2 and 14 in CSS3 | as far I know). Let us have a quick demo over those.

So, how to use CSS cursor? It’s simple, just write a CSS and put cursor: Whatever in it. Like if I want to use pointer cursor in text area, then the CSS can be like the following:

Mark that “cursor: pointer” in the code. It determines how the cursor will look like. There’s some different types of cursor styles (18 in CSS2 and 14 in CSS3 | as far I know). Let us have a quick demo over those.




So, to use one of these cursors, just copy it’s value and paste it instead of “pointer” in our 1st code. Please Note that the last 4 cursor’s with –moz- prefix works only in Firefox.

No comments :

Post a Comment

Note: Only a member of this blog may post a comment.