Shop Mobile More Submit  Join Login

CSS: Cursors

Wed Apr 8, 2009, 6:23 PM by AimanStudio:iconaimanstudio:


All Browsers






cursor:default;




cursor:pointer;




cursor:text;




cursor:vertical-text;




cursor:wait;




cursor:progress;




cursor:help;




cursor:move;




cursor:s-resize;




cursor:nw-resize;




cursor:w-resize;




cursor:sw-resize;




cursor:col-resize;




cursor:row-resize;




cursor:not-allowed;




cursor:crosshair;















Internet Explorer (Only)







cursor:hand;




cursor:all-scroll;




cursor:no-drop;
















Firefox | Flock | Safari | Opera








Hidden cursor for Firefox only!

cursor:none;




cursor:-moz-grab;




cursor:-moz-grabbing;




cursor:-moz-zoom-in;




cursor:-moz-zoom-out;




cursor:cell;




cursor:copy;




cursor:alias;









Your Custom Cursors









Coming Soon.... with examples!







SUBMIT A QUESTION!
Add a Comment:
 
:iconim-reshi:
Im-Reshi Featured By Owner Oct 1, 2013  Hobbyist Traditional Artist
How does that work?
Reply
:icontransmitingpoint2you:
TransmitingPoint2You Featured By Owner Aug 12, 2013  Hobbyist Digital Artist
Hidden cursor works for google chrome! :D
Reply
:iconim-reshi:
Im-Reshi Featured By Owner Oct 1, 2013  Hobbyist Traditional Artist
Yup!
Reply
:iconsanta55:
santa55 Featured By Owner Jun 20, 2013
CSS has several mouseover effects in addition to the ordinary arrow. By default, most web browsers display the hand mouse pointer over active links, whether text or images. However, there is a method to force a hand mouseover in CSS. Thank you.
brampton storage prices
Reply
:iconbuttfabric:
buttfabric Featured By Owner Jun 18, 2013  Hobbyist General Artist
I'm kind of new to the whole CSS thing and I really want to customize my page, since I see a lot of people who have nice back rounds and buttons on their pages. How do I do that stuff? I'm actually quite confused on the subject.
Reply
:iconsanta55:
santa55 Featured By Owner Jun 6, 2013
Cascading Style Sheets let you define the style of your Web page through different selectors and attributes. Using CSS, you can change the font, add borders and create a basic layout for your Web page. Customization with CSS not only applies to fonts, layouts and background colors, it also extends to the look of mouse pointers and cursors on your page. By assigning a particular cursor for certain areas on your page via CSS, you can personalize the look of your page and create unique visual cues for site navigation.
scholarship acceptance letter
Reply
:iconswiftclaw0213:
Swiftclaw0213 Featured By Owner Nov 11, 2012  Hobbyist Artist
How can i put the cursor i made onto my DA profile?
Reply
:iconchrisgraphic:
chrisgraphic Featured By Owner Nov 5, 2012
I'm quite confused about these cursors. How can we specifically used them? Graphic Design Chesterfield
Reply
:iconanimelover1984:
AnimeLover1984 Featured By Owner Oct 8, 2012  Hobbyist Artisan Crafter
Does anyone here do requests for gallery and journal CSS?
Reply
:iconshythecat:
ShyTheCat Featured By Owner Jul 23, 2012  Hobbyist Digital Artist
How I can make my journal skin +cursor? I want add! D:
Reply
:iconechoing-delcrystal:
Echoing-DelCrystal Featured By Owner Mar 25, 2012  Professional General Artist
i have a question would anyone be able to help me?
Reply
:iconferdiferrah:
Ferdiferrah Featured By Owner Mar 22, 2012  Student Digital Artist
hey, i changed the icons in my gallery for my folders but i do not want the title ? how to i delete it ?
Reply
:iconblubirdss:
Blubirdss Featured By Owner Oct 17, 2011  Hobbyist General Artist
I use chrome and i want a fancy cursor ?
Reply
:iconravyre:
Ravyre Featured By Owner Aug 10, 2011  Hobbyist General Artist
The cursors have me confused, how are they used?
Reply
:iconcaptainchibi:
CaptainChibi Featured By Owner Jun 11, 2011  Hobbyist Photographer
How do i get that little dA icon for my journal curser?
:)
Reply
:iconfaintsmile28:
faintsmile28 Featured By Owner Feb 28, 2011  Hobbyist Photographer
hi! how can i create something like "about the artist" where my dev ID is located. :)
Reply
:iconlunathepsychofox:
Lunathepsychofox Featured By Owner Dec 23, 2010
I love these~ I'll probably use them. Is it possible to make your own, though?
Reply
:iconiphoeniix:
iPhoeniix Featured By Owner Oct 2, 2010
Hidden cursor works also on google chrome.
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Oct 4, 2010  Professional Digital Artist
Thanks for letting me know
Reply
:iconwapy:
wapy Featured By Owner Aug 15, 2010  Hobbyist General Artist
:eager: When are the custom coming?
Reply
:iconflashykaabii:
Flashykaabii Featured By Owner May 23, 2010  Hobbyist General Artist
That help me very much !

Tanks for make this and put this on that group =3
Reply
:iconsilver-lover-123:
Silver-lover-123 Featured By Owner Mar 10, 2010
How do you put these in the Journal? (sorry..im new to the membership ^^;)
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Mar 16, 2010  Professional Digital Artist
Hey,

Just go to Your journal > Options > Skin CSS box
Add for example: cursor:move;

to be:
.journalbox {
cursor:move;
background-color:#000000;
border-width:5px;
border-color:#FFCC99;
border-style:double;
}
It would work in all your journal entry area.
And then click on preview to see the effect in you cursor.
------------------

for example: If you would like to add this cursor to your journal title only:
go to [h2] and add the same cursor or another one from this list here.

to be

.journalbox h2 {
cursor:move;
color:#CCCCFF;
font-size:12px;
}


Hope this helps you!
Reply
:iconsilver-lover-123:
Silver-lover-123 Featured By Owner Mar 17, 2010
Thanks ;P
Reply
:iconfuzzyacornindustries:
FuzzyAcornIndustries Featured By Owner Mar 2, 2010  Professional Interface Designer
I know a decent amount of CSS, but looking here, I'm not sure how to read the codes above in order to modify the cursor. How does one change it?
Reply
:iconfuzzyacornindustries:
FuzzyAcornIndustries Featured By Owner Mar 3, 2010  Professional Interface Designer
Ok, I looked around for how to code this and I figured this out. Now my question would be do you know how to animate the cursor (if that is possible)?
Reply
:iconsedma:
Sedma Featured By Owner Feb 17, 2010
link in drop down menu, "CSS cursor" leads to deviantart "outgoing link" screen.
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Feb 17, 2010  Professional Digital Artist
how? :O It does work good for me!
Reply
:iconsedma:
Sedma Featured By Owner Feb 17, 2010
Strange :O It really works fine now, but few hours before didn't. I'm not crazy (or I am :)), I tried it several times. Sorry for false alarm then :(
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Feb 18, 2010  Professional Digital Artist
No problem ;)
Reply
:iconnixnuz:
NixNuz Featured By Owner Jan 24, 2010   Photographer
How do I install these??? Sorry for my noob-question
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Jan 24, 2010  Professional Digital Artist
Journal's CSS, but you have to be a Premium Member
Reply
:iconnixnuz:
NixNuz Featured By Owner Jan 24, 2010   Photographer
Oh.... thanks :)
Reply
:iconblueburn:
blueburn Featured By Owner Apr 19, 2009
all your works are so neat
pixel perfect
you are the best :)
Reply
:iconaimanstudio:
AimanStudio Featured By Owner May 6, 2009  Professional Digital Artist
Thank you :heart: .. glad you enjoy it. :giggle:
Reply
:iconahmedqatar:
Ahmedqatar Featured By Owner Apr 12, 2009
Great :)
Reply
:icondeviantcss:
deviantCSS Featured By Owner Apr 13, 2009
Thank you dud
Reply
:iconranaspot:
RanaSpot Featured By Owner Apr 9, 2009
cool
great job :clap:
Reply
:icondeviantcss:
deviantCSS Featured By Owner Apr 11, 2009
:bow:
Reply
:iconcmotes:
Cmotes Featured By Owner Apr 9, 2009  Hobbyist
I knew the default ones but I didn't know there're specific for firefox. :D
Reply
:icondeviantcss:
deviantCSS Featured By Owner Apr 11, 2009
ohh It is there for a long time =D
Reply
:iconcmotes:
Cmotes Featured By Owner Apr 11, 2009  Hobbyist
Good to know :plotting:
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Apr 8, 2009  Hobbyist Digital Artist
Yeah you brought them back :eager:
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Apr 8, 2009  Professional Digital Artist
Just I update the new design to be more clean ;) and the CSS fonts in the way.
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Apr 8, 2009  Hobbyist Digital Artist
It's wonderful and you're a true master :eager:
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Apr 13, 2009  Professional Digital Artist
catch me in MSN Tom ;)
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Apr 13, 2009  Hobbyist Digital Artist
I'm in MSN my friend :eager:
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Dec 14, 2010  Professional Digital Artist
still :giggle: im sooooo old
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Dec 14, 2010  Hobbyist Digital Artist
:O
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Dec 14, 2010  Professional Digital Artist
=D
Reply
(1 Reply)
Add a Comment:
 
×

:icondeviantcss: More from deviantCSS


Featured in Collections

Educational Mix by TheGalleryOfEve

Tutorials and Meme's by sakuraGx4nina


More from DeviantArt



Details

Submitted on
April 8, 2009
Link
Thumb

Stats

Views
78,072
Favourites
27 (who?)
Comments
57
×