{"id":6096,"date":"2024-04-14T19:32:13","date_gmt":"2024-04-14T11:32:13","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6096"},"modified":"2024-04-14T19:32:13","modified_gmt":"2024-04-14T11:32:13","slug":"generate-an-animated-effect-with-rotation-when-hovering-mouseover","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/zh\/generate-an-animated-effect-with-rotation-when-hovering-mouseover\/","title":{"rendered":"\u61f8\u505c\uff08\u6ed1\u9f20\u61f8\u505c\uff09\u6642\u7522\u751f\u65cb\u8f49\u52d5\u756b\u6548\u679c"},"content":{"rendered":"
\n

\u5efa\u7acb\u57fa\u65bc\u904a\u6a19\u4f4d\u7f6e\u7684\u65cb\u8f49\u6a5f\u5236\u3002\u00a0<\/p>\n

\u5728\u672c\u6559\u7a0b\u4e2d\uff1a\u00a0<\/strong><\/p>\n

    \n
  1. \u5efa\u7acb\u6b63\u78ba\u7684\u89c0\u9ede<\/li>\n
  2. \u5efa\u7acb\u89f8\u767c\u5143\u7d20<\/li>\n
  3. \u52d5\u756b\u65cb\u8f49\u904b\u52d5<\/li>\n
  4. \u8a2d\u5b9a\u9810\u8a2d\u72c0\u614b<\/li>\n
  5. \u6dfb\u52a0\u7279\u6b8a\u6548\u679c\u4ee5\u5f37\u8abf<\/li>\n<\/ol>\n

    \u5efa\u7acb\u6b63\u78ba\u7684\u89c0\u9ede<\/h2>\n
      \n
    1. \u78ba\u4fdd\u9078\u64c7\u52d5\u756b\u76ee\u6a19\u5143\u7d20\u7684\u7956\u5148\u5143\u7d20<\/li>\n
    2. \u5167 \u98a8\u683c\u9762\u677f<\/strong> \u5728\u4e0b\u9762 \u904e\u6e21\u548c\u8b8a\u63db<\/strong>\uff0c\u4fee\u6539 \u5152\u7ae5\u8996\u89d2<\/strong> \u81f3 1000 \u50cf\u7d20<\/li>\n<\/ol>\n

      \u5efa\u7acb\u89f8\u767c\u5143\u7d20<\/h2>\n
        \n
      1. \u9078\u64c7\u8981\u7528\u4f5c\u89f8\u767c\u5668\u7684\u7279\u5b9a\u5143\u7d20\uff08\u4f8b\u5982\u5361\u7247\uff09<\/li>\n
      2. \u5728\u88e1\u9762 \u4e92\u52d5\u9762\u677f<\/strong>\uff0c\u9ede\u9078\u9644\u8fd1\u7684\u52a0\u6cd5\u7b26\u865f \u5728\u9078\u5b9a\u7684\u5143\u7d20\u4e0a<\/strong> \u4e26\u9078\u64c7 \u6ed1\u9f20\u5728\u5143\u7d20\u4e0a\u79fb\u52d5<\/strong> \u5f9e\u4e0b\u62c9\u5f0f\u9078\u55ae\u4e2d<\/li>\n<\/ol>\n

        \u52d5\u756b\u65cb\u8f49\u904b\u52d5<\/h2>\n
          \n
        1. \u8a2a\u554f \u4e92\u52d5\u9762\u677f<\/strong> > \u95dc\u65bc\u6ed1\u9f20\u79fb\u52d5<\/strong> > \u884c\u52d5<\/strong> > \u555f\u52d5\u6ed1\u9f20\u52d5\u756b<\/strong><\/li>\n
        2. \u9ede\u64ca\u65c1\u908a\u7684\u52a0\u865f \u6ed1\u9f20\u52d5\u756b<\/strong><\/li>\n
        3. \u70ba\u5176\u547d\u540d\uff08\u4f8b\u5982\uff0c\u61f8\u505c\u65cb\u8f49\uff09<\/li>\n
        4. \u9ede\u64ca\u6642\u9593\u8ef8\u4e0b\u65b9\u7684\u52a0\u865f \u6ed1\u9f20 X \u52d5\u4f5c<\/strong> \u5728 0% \u4e26\u9078\u64c7 \u65cb\u8f49<\/strong><\/li>\n
        5. \u5728\u88e1\u9762 \u65cb\u8f49<\/strong> \u622a\u9762\uff0c\u5c07y\u8ef8\u8abf\u6574\u70ba-5\u5ea6<\/li>\n
        6. \u9078\u64c7 \u5361\u5143\u7d20<\/strong> \u5728 100% \u548c \u65cb\u8f49<\/strong> \u5b57\u6bb5\uff0c\u5c07\u5176 y \u8ef8\u66f4\u6539\u70ba 5 \u5ea6<\/li>\n
        7. \u6dfb\u52a0\u4e00\u500b \u65cb\u8f49<\/strong> \u4e0b\u7684\u884c\u52d5 \u6ed1\u9f20 Y \u52d5\u4f5c<\/strong><\/li>\n
        8. 0% \u5728 \u65cb\u8f49<\/strong>\uff0c\u5c07 x \u8ef8\u8a2d\u5b9a\u70ba 5 \u5ea6<\/li>\n
        9. 100% \u6642 \u65cb\u8f49<\/strong>\uff0c\u5c07 x \u8ef8\u8a2d\u5b9a\u70ba -5 \u5ea6<\/li>\n
        10. \u5b8c\u6210\u52d5\u756b\u8abf\u6574\u4ee5\u7d30\u5316 \u5e73\u6ed1<\/strong><\/li>\n<\/ol>\n

          \u8a2d\u5b9a\u9810\u8a2d\u72c0\u614b<\/h2>\n
            \n
          1. \u5728\u88e1\u9762 \u4e92\u52d5\u9762\u677f<\/strong> \u5728\u4e0b\u9762 \u95dc\u65bc\u6ed1\u9f20\u79fb\u52d5<\/strong>\uff0c\u5b9a\u7fa9\u6ed1\u9f20X\u4f4d\u7f6e\u70ba50%<\/li>\n
          2. \u5c07\u6ed1\u9f20 Y \u4f4d\u7f6e\u8a2d\u5b9a\u70ba 50%<\/li>\n<\/ol>\n

            \u6dfb\u52a0\u7279\u6b8a\u6548\u679c\u4ee5\u5f37\u8abf<\/h2>\n
              \n
            1. \u653e\u7f6e\u4e00\u500b\u65b0\u7684 \u5206\u5340\u584a<\/strong> \u5728\u5c0d\u61c9\u5143\u7d20\uff08\u5361\u7247\uff09\u5167\u7684\u756b\u5e03\u4e0a<\/li>\n
            2. \u5275\u5efa\u4e00\u500b \u73ed\u7d1a<\/strong> \u4e26\u6307\u5b9a\u540d\u7a31\uff08\u4f8b\u5982\u5361\u7247\u7a81\u51fa\u986f\u793a\uff09<\/li>\n
            3. \u5c07\u5176\u5c3a\u5bf8\uff08\u4f8b\u5982\uff0c400 \u50cf\u7d20\uff09\u548c\u4f4d\u7f6e\u8a2d\u70ba\u7d55\u5c0d<\/li>\n
            4. \u5f9e\u5de6\u4e0a\u89d2\u958b\u59cb\u5b9a\u4f4d<\/li>\n
            5. \u9078\u64c7\u4e00\u500b\u5408\u9069\u7684 \u80cc\u666f\u984f\u8272<\/strong> \uff08\u4f8b\u5982\uff0c\u767d\u8272\uff09<\/li>\n
            6. \u4fee\u6539 \u534a\u5f91<\/strong> \u5728\u4e0b\u9762 \u908a\u754c<\/strong> \u81f3 50%<\/li>\n
            7. \u8abf\u6574 \u4e0d\u900f\u660e\u5ea6<\/strong> \u81f3 10% \u4e0b \u6548\u679c<\/strong><\/li>\n
            8. \u7533\u8acb\u4e00\u500b \u6a21\u7cca<\/strong> \u904e\u6ffe\u4e26\u66f4\u6539 \u534a\u5f91<\/strong> \u81f3 50 \u50cf\u7d20<\/li>\n
            9. \u5728\u88e1\u9762 \u4e92\u52d5\u9762\u677f<\/strong>\uff0c \u6311\u9078 \u61f8\u505c\u65cb\u8f49<\/strong><\/li>\n
            10. \u5728\u88e1\u9762 \u6ed1\u9f20 X \u6642\u9593\u8ef8<\/strong> \u5728 0%\uff0c\u5305\u62ec \u79fb\u52d5<\/strong> \u52d5\u756b\u4e26\u5c07\u5176 x \u8ef8\u8a2d\u5b9a\u70ba 100%<\/li>\n
            11. \u5728\u88e1\u9762 \u6ed1\u9f20 X \u6642\u9593\u8ef8<\/strong> \u5728 100% \u4e0a\uff0c\u5408\u4f75\u4e00\u500b \u79fb\u52d5<\/strong> x \u8ef8\u8a2d\u5b9a\u70ba -50% \u7684\u52d5\u756b<\/li>\n
            12. \u70ba\u4e86 \u6ed1\u9f20 Y \u6642\u9593\u8ef8<\/strong> \u5728 0% \u8655\uff0c\u96c6\u6210 \u79fb\u52d5<\/strong> \u52d5\u756b\u4e26\u5c07\u5176y\u8ef8\u8abf\u6574\u70ba50%<\/li>\n
            13. \u5728 100% \u4e2d \u6ed1\u9f20 Y \u6642\u9593\u8ef8<\/strong>\uff0c\u61c9\u7528\u4e00\u500b \u79fb\u52d5<\/strong> \u52d5\u756b\u4e26\u5c07\u5176y\u8ef8\u4fee\u6539\u70ba-50%<\/li>\n<\/ol>\n

              <\/p>\n

              \u5728\u9810\u89bd\u6a21\u5f0f\u4e2d\u67e5\u770b\u60a8\u7684\u9032\u5ea6\u3002<\/p>\n

              <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"\u7576\u6ed1\u9f20\u61f8\u505c\u5728\u5143\u7d20\u4e0a\u6642\uff0c\u6839\u64da\u6ed1\u9f20\u7684\u4f4d\u7f6e\u88fd\u4f5c\u65cb\u8f49\u5361\u7247\u79fb\u52d5\u7684\u52d5\u756b\u3002","protected":false},"author":2,"featured_media":6097,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[301],"tags":[],"class_list":{"0":"post-6096","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-interactions-animations","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/6096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/comments?post=6096"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/6096\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media\/6097"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media?parent=6096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/categories?post=6096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/tags?post=6096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}