開發網站時，你有冇試過為按鈕或連結加 tooltip 提示，結果發現 JavaScript library 拖慢頁面載入，又或者 Bootstrap 嘅 tooltip 太重口味？hint.css 就係專為呢類痛點而生嘅純 CSS tooltip library，面向前端開發者同設計師，透過簡單 class 名即可喺任何項目即插即用，無需額外 script，特別適合追求輕量同原生效能嘅網站。
支援多種定位同自訂箭咀方向
hint.css 最大嘅賣點在於佢嘅定位靈活性。無論你想將 tooltip 放喺元素上方、下方、左邊定右邊，只需加對應嘅 class 如 hint--top 或 hint--bottom-right，即刻生效。呢個設計比起傳統 JavaScript tooltip 簡單得多，瀏覽器直接用 CSS 生成，唔使擔心 JS 載入延遲。
箭咀方向都一樣彈性十足，例如 hint--top-left 會自動調整箭頭指向元素左上角，確保提示框完美貼合。呢類細節令到 tooltip 喺不同螢幕尺寸下都保持一致外觀，尤其適合響應式網站。
內建多款主題風格，快速切換視覺效果
唔同項目有唔同設計需求，hint.css 提供咗幾款預設主題如 hint--rounded、hint--no-animate 同 hint--bounce，讓你一 click 就轉換 tooltip 外觀。呢啲主題唔單止美觀，仲考慮咗無障礙設計，例如高對比模式下文字清晰易讀。
如果你鐘意自訂，library 容許直接 override CSS 變數，例如改 --hint-bg-color 就換背景色，呢個方法比編輯一堆 SCSS 輕鬆得多。實際用落嚟，喺一個 landing page 加 tooltip，只需幾行 HTML 加 class，效果即現。
開源 repository 方便瀏覽歷史同貢獻代碼
作為 GitHub 開源項目，hint.css 嘅 repository 設計得井井有條，有清晰嘅 Navigation Menu 同 Folders and files 結構，讓開發者快速搵到最新 commit 同歷史記錄。想貢獻？直接 follow Contributing 指引，提交 pull request 就得。
Repository 仲有 Use saved searches 功能，幫你過濾結果更快；Topics 同 Resources 區塊提供相關標籤同額外資料，適合想深入研究 tooltip 最佳實踐嘅用家。Licence 部分明確列明使用條款，確保商業項目無後顧之憂。
總括嚟講，hint.css 喺前端工具箱入面係一塊珍寶，尤其對追求純 CSS 方案嘅開發者嚟講。佢唔單止解決咗 tooltip 嘅常見痛點，仲透過簡潔 API 同豐富自訂選項，提升咗開發效率。無論係個人 blog 定企業網站，都值得一試。
產品名稱：hint.css
官方網站：https://github.com/chinchang/hint.css
