सीएसएस कर्सर जनरेटर
सीएसएस2, सीएसएस3 कर्सर शैलियों और कस्टम कर्सर को उत्पन्न और पूर्वावलोकन करने का एक उपकरण।
सीएसएस2 कर्सरसार्वभौमिक समर्थन
auto
कॉपी करने के लिए क्लिक करें
inherit
कॉपी करने के लिए क्लिक करें
crosshair
कॉपी करने के लिए क्लिक करें
default
कॉपी करने के लिए क्लिक करें
help
कॉपी करने के लिए क्लिक करें
move
कॉपी करने के लिए क्लिक करें
pointer
कॉपी करने के लिए क्लिक करें
progress
कॉपी करने के लिए क्लिक करें
text
कॉपी करने के लिए क्लिक करें
wait
कॉपी करने के लिए क्लिक करें
e-resize
कॉपी करने के लिए क्लिक करें
ne-resize
कॉपी करने के लिए क्लिक करें
nw-resize
कॉपी करने के लिए क्लिक करें
n-resize
कॉपी करने के लिए क्लिक करें
se-resize
कॉपी करने के लिए क्लिक करें
sw-resize
कॉपी करने के लिए क्लिक करें
s-resize
कॉपी करने के लिए क्लिक करें
w-resize
कॉपी करने के लिए क्लिक करें
सीएसएस3 कर्सरआधुनिक ब्राउज़र
none
not IE, Safari, Opera
कॉपी करने के लिए क्लिक करें
context-menu
not Firefox, Chrome
कॉपी करने के लिए क्लिक करें
cell
not Safari
कॉपी करने के लिए क्लिक करें
vertical-text
कॉपी करने के लिए क्लिक करें
alias
not Safari
कॉपी करने के लिए क्लिक करें
copy
not Safari
कॉपी करने के लिए क्लिक करें
no-drop
कॉपी करने के लिए क्लिक करें
not-allowed
कॉपी करने के लिए क्लिक करें
ew-resize
कॉपी करने के लिए क्लिक करें
ns-resize
कॉपी करने के लिए क्लिक करें
nesw-resize
कॉपी करने के लिए क्लिक करें
nwse-resize
कॉपी करने के लिए क्लिक करें
col-resize
कॉपी करने के लिए क्लिक करें
row-resize
कॉपी करने के लिए क्लिक करें
all-scroll
कॉपी करने के लिए क्लिक करें
grab
only Webkit and Firefox
कॉपी करने के लिए क्लिक करें
grabbing
only Webkit and Firefox
कॉपी करने के लिए क्लिक करें
zoom-in
only Webkit and Firefox
कॉपी करने के लिए क्लिक करें
zoom-out
only Webkit and Firefox
कॉपी करने के लिए क्लिक करें
कस्टम कर्सरउन्नत
यूआरएल-आधारित कर्सर
cursor: url(images/cursor.cur), auto;# required by IE
cursor: url(images/cursor.png) x y, auto;# x y are hotspot coordinates
auto is the fallback cursor when custom cursor fails to load
समर्थित प्रारूप
.cur
.png
.jpg
.gif
उदाहरण उपयोग
/* CSS */
cursor: url('custom-cursor.png') 16 16, pointer;
यूआरएल-आधारित कर्सर
cursor: url(images/cursor.cur), auto;# required by IE
cursor: url(images/cursor.png) x y, auto;# x y are hotspot coordinates
auto is the fallback cursor when custom cursor fails to load
समर्थित प्रारूप
.cur
.png
.jpg
.gif
उदाहरण उपयोग
/* CSS */
cursor: url('custom-cursor.png') 16 16, pointer;
पहुँच क्षमता विचार
- • कार्यक्षमता व्यक्त करने के लिए केवल कर्सर पर निर्भर रहने के बजाय अतिरिक्त दृश्य संकेत प्रदान करें
- • उच्च कंट्रास्ट मोड में दिखाई देने वाले कर्सर का उपयोग करें
- • पहुँच क्षमता सेटिंग्स को ध्यान में रखते हुए एनिमेटेड कर्सर का संयम से उपयोग करें
- • कीबोर्ड नेविगेशन उपयोगकर्ताओं के लिए फोकस संकेतक प्रदान करें
प्रदर्शन अनुकूलन
- • देरी को रोकने के लिए कस्टम कर्सर छवियों को प्रीलोड करें
- • HTTP अनुरोधों को कम करने के लिए सीएसएस स्प्राइट्स का उपयोग करें
- • प्रदर्शन में सुधार के लिए अनावश्यक कर्सर परिवर्तनों से बचें
- • विचार करें कि कस्टम कर्सर मोबाइल वातावरण में प्रदर्शित नहीं होते हैं