/* syntax highlight */ /* end of syntax highlight */

2012年1月9日 星期一

[CSS] cursor 樣式表

Bookmark and Share

這篇文章 介紹了所有 CSS2 以及 CSS3 的滑鼠樣式

 

CSS2

*欲看效果請回 原始網站 觀看*

image

 

 

CSS3

*欲看效果請回 原始網站 觀看*

image

 

特定瀏覽器的滑鼠樣式

image

 

自創滑鼠樣式

image

 

備註

該篇文章的作者提示了以下 Rule:

  1. Internet Explorer requires a Windows cursor file (.cur).
  2. Firefox, Chrome and Safari require an image — I’d recommend a 24-bit alpha-transparent PNG.
  3. Firefox also requires a second non-URL cursor fallback value.
  4. It’s not supported in Opera.
  5. x and y are optional properties in Firefox, Chrome and Safari which define the precise pointer position from the top-left of the graphic. If omitted, 0 0 is assumed.

 

* 作者自己的結論是,使用特殊 cursor 的 Rule 真的很麻煩,還是儘量用標準的樣式就好了。

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...