{"id":126,"date":"2026-07-28T08:30:45","date_gmt":"2026-07-28T08:30:45","guid":{"rendered":"https:\/\/10web.io\/product-release\/?p=126"},"modified":"2026-07-28T08:36:49","modified_gmt":"2026-07-28T08:36:49","slug":"hover-states","status":"publish","type":"post","link":"https:\/\/10web.io\/product-release\/hover-states\/","title":{"rendered":"Hover states: add interactive effects to any element"},"content":{"rendered":"

Interactive sites react when you point at them. Now you can set that behavior yourself in the 10Web AI Website Builder<\/a>. Pick an element, define its default look and its hover look, and the editor switches between them on hover. It works per element and lives in the same sidebar as the rest of your styling controls.<\/p>\n

This matters most to builders who want polished micro-interactions without hand-writing CSS.<\/p>\n

This is part of the ongoing Visual Editor rollout, which keeps adding fine-grained design control on top of AI generation. The visual editor is included on every 10Web plan<\/a>.<\/p>\n

How to use it<\/strong><\/h2>\n
    \n
  1. Select an element in the editor.<\/li>\n
  2. Open the sidebar and set its default appearance.<\/li>\n
  3. Switch to the hover state and set how it should look when a visitor points at it.<\/li>\n<\/ol>\n

    Good to know<\/strong><\/h2>\n