CSS 31 💻 any-hover and any-pointer media features

a -  any-hover media feature

    any-hover can be used to detect whether a pointing device(mouse) can hover over elements
    values: none → there is no pointing device that can hover
    hover → pointing device that can hover
    syntax → any-hover: none | hover;
    Desktop browsers have a pointing device
    Mobile browsers with touch input, there might be no any hover effect
    @media (any-hover: none) → applies to devices with no hover effect


b - any-pointer media feature

    any-pointer can be used to detect whether a pointing device is available
    Such devices are a mouse or a touch screen
    values: none → no pointing device are available
    coarse → pointing device with limited accuracy
    fine → pointing device with fine accuracy
    Desktop browsers have a pointing device
    Mobile browsers with touch input, there might be no any pointer available
    @media (any-pointer: none) → applies  if no pointing device is available

---

Stop using slow, ad-bloated tool sites! 🤮

🔎 Search “KandZ Tools” on Google to use many professional utilities for free.

KandZ.me is the ultimate minimalist hub for:
✅ Finance (Mortgage, Interest, Inflation)
✅ Tech (Base64, JSON, Dev Suite, IP)
✅ Health (BMI, BMR, TDEE)
✅ Productivity (Timer, Workspace, QR)

⚡️ Fast & Private
🔒 No data leaves your device
💎 100% Free

🔗 Use it now: https://tools.kandz.me
🔖 Bookmark it—you’ll need it later!