在進(jìn)行網(wǎng)站制作時(shí)我們都知道CSS可以自定義光標(biāo),CSS 最好的事情之一是它讓我們可以讓網(wǎng)站和 Web 應(yīng)用程序看起來(lái)像我們能想到的任何東西。這就是說(shuō),我們認(rèn)為添加自定義光標(biāo)一開始可能看起來(lái)很有趣、很花哨,但需要注意一些嚴(yán)肅的包容性設(shè)計(jì)注意事項(xiàng)。
首先,我不是在談?wù)摳淖兪髽?biāo)光標(biāo)狀態(tài)的能力。這包括用于鏈接的指針圖標(biāo)、調(diào)整大小和文本輸入指示器、縮放、拖動(dòng)可供性等。這些面向用戶的狀態(tài)更改是使用操作系統(tǒng) ( OS )的常規(guī)部分,并且為如何與操作系統(tǒng)界面或操作系統(tǒng)中運(yùn)行的應(yīng)用程序進(jìn)行交互提供了重要線索。Web 能夠借用這些操作系統(tǒng)級(jí)別的可供性是巨大的,因?yàn)樗梢詭椭藗兞私馊绾问褂?Web UI,即使它可能看起來(lái)不像它的 OS 等價(jià)物。
自定義光標(biāo)是當(dāng)您使用 CSS 的 URL 功能加載自定義光標(biāo)圖像時(shí)。然后瀏覽器將加載光標(biāo)圖像并在聲明光標(biāo)的任何位置應(yīng)用它來(lái)代替您的操作系統(tǒng)光標(biāo)。我不確定加載自定義光標(biāo)的能力是 90 年代的回歸,還是網(wǎng)絡(luò)平臺(tái)試圖證明自己的未來(lái)的一個(gè)例子。根據(jù)我的經(jīng)驗(yàn),自定義光標(biāo)是在html或body元素上聲明的,這意味著整個(gè)網(wǎng)站或 Web 應(yīng)用程序都會(huì)對(duì)其應(yīng)用自定義光標(biāo)。
過(guò)去,我會(huì)看到自定義光標(biāo)應(yīng)用于 tumblr 和 Myspace 主題、Geocities 站點(diǎn)和小眾軟件。如今,我已經(jīng)看到它們?cè)絹?lái)越頻繁地應(yīng)用于時(shí)尚的奢侈品電子商務(wù)網(wǎng)站。這是您在開始積極尋找之前可能不會(huì)真正注意到的事情之一,除非您受到它的影響。
2020-04-08
2020-09-18
2020-05-04
2021-07-17
2020-02-22
2022-05-13
2021-05-26
2022-11-28
2021-06-09
2023-07-12
2021-01-28
2022-09-08
2021-01-25
2024-07-26
2021-01-21
2021-01-27
2021-01-04
2020-12-28
2021-01-20
2020-12-31