{"id":6273,"date":"2019-11-18T10:04:09","date_gmt":"2019-11-18T01:04:09","guid":{"rendered":"http:\/\/auctionpro.co.kr\/?p=6273"},"modified":"2019-11-18T10:06:08","modified_gmt":"2019-11-18T01:06:08","slug":"6273","status":"publish","type":"post","link":"https:\/\/www.auctionpro.co.kr\/?p=6273","title":{"rendered":"Make the cursor a hand style"},"content":{"rendered":"

\"\"<\/p>\n

\n
\n
.auto          { cursor: auto; }\r\n.default       { cursor: default; }\r\n.none          { cursor: none; }\r\n.context-menu  { cursor: context-menu; }\r\n.help          { cursor: help; }\r\n.pointer       { cursor: pointer; }\r\n.progress      { cursor: progress; }\r\n.wait          { cursor: wait; }\r\n.cell          { cursor: cell; }\r\n.crosshair     { cursor: crosshair; }\r\n.text          { cursor: text; }\r\n.vertical-text { cursor: vertical-text; }\r\n.alias         { cursor: alias; }\r\n.copy          { cursor: copy; }\r\n.move          { cursor: move; }\r\n.no-drop       { cursor: no-drop; }\r\n.not-allowed   { cursor: not-allowed; }\r\n.all-scroll    { cursor: all-scroll; }\r\n.col-resize    { cursor: col-resize; }\r\n.row-resize    { cursor: row-resize; }\r\n.n-resize      { cursor: n-resize; }\r\n.e-resize      { cursor: e-resize; }\r\n.s-resize      { cursor: s-resize; }\r\n.w-resize      { cursor: w-resize; }\r\n.ns-resize     { cursor: ns-resize; }\r\n.ew-resize     { cursor: ew-resize; }\r\n.ne-resize     { cursor: ne-resize; }\r\n.nw-resize     { cursor: nw-resize; }\r\n.se-resize     { cursor: se-resize; }\r\n.sw-resize     { cursor: sw-resize; }\r\n.nesw-resize   { cursor: nesw-resize; }\r\n.nwse-resize   { cursor: nwse-resize; }\r\n\r\n.cursors > div {\r\n    float: left;\r\n    box-sizing: border-box;\r\n    background: #f2f2f2;\r\n    border:1px solid #ccc;\r\n    width: 20%;\r\n    padding: 10px 2px;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    &:nth-child(even) {\r\n       background: #eee;\r\n    }\r\n    &:hover {\r\n       opacity: 0.25\r\n    }\r\n}<\/pre>\n<\/div>\n<\/div>\n
<h1>Example of cursor<\/h1>\r\n\r\n<div class=\"cursors\">\r\n    <div class=\"auto\">auto<\/div>\r\n    <div class=\"default\">default<\/div>\r\n    <div class=\"none\">none<\/div>\r\n    <div class=\"context-menu\">context-menu<\/div>\r\n    <div class=\"help\">help<\/div>\r\n    <div class=\"pointer\">pointer<\/div>\r\n    <div class=\"progress\">progress<\/div>\r\n    <div class=\"wait\">wait<\/div>\r\n    <div class=\"cell\">cell<\/div>\r\n    <div class=\"crosshair\">crosshair<\/div>\r\n    <div class=\"text\">text<\/div>\r\n    <div class=\"vertical-text\">vertical-text<\/div>\r\n    <div class=\"alias\">alias<\/div>\r\n    <div class=\"copy\">copy<\/div>\r\n    <div class=\"move\">move<\/div>\r\n    <div class=\"no-drop\">no-drop<\/div>\r\n    <div class=\"not-allowed\">not-allowed<\/div>\r\n    <div class=\"all-scroll\">all-scroll<\/div>\r\n    <div class=\"col-resize\">col-resize<\/div>\r\n    <div class=\"row-resize\">row-resize<\/div>\r\n    <div class=\"n-resize\">n-resize<\/div>\r\n    <div class=\"s-resize\">s-resize<\/div>\r\n    <div class=\"e-resize\">e-resize<\/div>\r\n    <div class=\"w-resize\">w-resize<\/div>\r\n    <div class=\"ns-resize\">ns-resize<\/div>\r\n    <div class=\"ew-resize\">ew-resize<\/div>\r\n    <div class=\"ne-resize\">ne-resize<\/div>\r\n    <div class=\"nw-resize\">nw-resize<\/div>\r\n    <div class=\"se-resize\">se-resize<\/div>\r\n    <div class=\"sw-resize\">sw-resize<\/div>\r\n    <div class=\"nesw-resize\">nesw-resize<\/div>\r\n    <div class=\"nwse-resize\">nwse-resize<\/div>\r\n<\/div><\/pre>\n
\ucc38\uc870  : https:\/\/stackoverflow.com\/questions\/3087975\/make-the-cursor-a-hand-when-a-user-hovers-over-a-list-item<\/p>\n","protected":false},"excerpt":{"rendered":"
.auto { cursor: auto; } .default { cursor: default; } .none { cursor: none; } .context-menu { cursor: context-menu; } .help { cursor: help; } […]<\/a><\/p>\n<\/div>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[31],"tags":[],"class_list":["post-6273","post","type-post","status-publish","format-standard","hentry","category-html"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/6273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6273"}],"version-history":[{"count":0,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/6273\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}