{"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\/ko\/generate-an-animated-effect-with-rotation-when-hovering-mouseover\/","title":{"rendered":"\ub9c8\uc6b0\uc2a4 \uc624\ubc84 \uc2dc \ud68c\uc804\uc744 \ud1b5\ud574 \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc \uc0dd\uc131"},"content":{"rendered":"
\n

\ucee4\uc11c \uc704\uce58\ub97c \uae30\ubc18\uc73c\ub85c \ud68c\uc804 \uba54\ucee4\ub2c8\uc998\uc744 \uc124\uc815\ud569\ub2c8\ub2e4.\u00a0<\/p>\n

\uc774 \ud29c\ud1a0\ub9ac\uc5bc \uc804\ubc18\uc5d0 \uac78\uccd0:\u00a0<\/strong><\/p>\n

    \n
  1. \uc62c\ubc14\ub978 \uad00\uc810\uc744 \ud655\ub9bd\ud558\ub77c<\/li>\n
  2. \ud2b8\ub9ac\uac70\ub9c1 \uc694\uc18c \uc0dd\uc131<\/li>\n
  3. \ud68c\uc804 \uc6b4\ub3d9 \uc560\ub2c8\uba54\uc774\uc158<\/li>\n
  4. \uae30\ubcf8 \uc0c1\ud0dc \uc124\uc815<\/li>\n
  5. \uac15\uc870\ub97c \uc704\ud55c \ud2b9\uc218 \ud6a8\uacfc \ucd94\uac00<\/li>\n<\/ol>\n

    \uc62c\ubc14\ub978 \uad00\uc810\uc744 \ud655\ub9bd\ud558\ub77c<\/h2>\n
      \n
    1. \uc560\ub2c8\uba54\uc774\uc158 \ub300\uc0c1 \uc694\uc18c\uc758 \uc0c1\uc704 \uc694\uc18c\uac00 \uc120\ud0dd\ub418\uc5b4 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694.<\/li>\n
    2. \ub0b4 \uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> \uc544\ub798\uc5d0 \uc804\ud658 \ubc0f \ubcc0\ud615<\/strong>, \uc218\uc815 \uc5b4\ub9b0\uc774 \uad00\uc810<\/strong> 1000\ud53d\uc140\uae4c\uc9c0<\/li>\n<\/ol>\n

      \ud2b8\ub9ac\uac70\ub9c1 \uc694\uc18c \uc0dd\uc131<\/h2>\n
        \n
      1. \ud2b8\ub9ac\uac70\ub85c \uc0ac\uc6a9\ud560 \ud2b9\uc815 \uc694\uc18c(\uc608: \uce74\ub4dc)\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n
      2. \uc5d0\uc11c \uc0c1\ud638 \uc791\uc6a9 \ud328\ub110<\/strong>, \uadfc\ucc98\uc5d0 \uc788\ub294 \ucd94\uac00 \uae30\ud638\ub97c \ud074\ub9ad\ud558\uc138\uc694. \uc120\ud0dd\ud55c \uc694\uc18c\uc5d0<\/strong> \uadf8\ub9ac\uace0 \uc120\ud0dd \uc694\uc18c \uc704\uc5d0\uc11c \ub9c8\uc6b0\uc2a4 \uc774\ub3d9<\/strong> \ub4dc\ub86d\ub2e4\uc6b4 \uba54\ub274\uc5d0\uc11c<\/li>\n<\/ol>\n

        \ud68c\uc804 \uc6b4\ub3d9 \uc560\ub2c8\uba54\uc774\uc158<\/h2>\n
          \n
        1. \uc561\uc138\uc2a4 \uc0c1\ud638 \uc791\uc6a9 \ud328\ub110<\/strong> > \ub9c8\uc6b0\uc2a4 \uc6c0\uc9c1\uc784\uc5d0 \ub300\ud574<\/strong> > \ud589\ub3d9<\/strong> > \ub9c8\uc6b0\uc2a4 \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791<\/strong><\/li>\n
        2. \uc606\uc5d0 \uc788\ub294 \ub354\ud558\uae30 \uae30\ud638\ub97c \ud074\ub9ad\ud558\uc138\uc694. \ub9c8\uc6b0\uc2a4 \uc560\ub2c8\uba54\uc774\uc158<\/strong><\/li>\n
        3. \uc774\ub984\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4(\uc608: \ud638\ubc84 \ud68c\uc804).<\/li>\n
        4. \ud0c0\uc784\ub77c\uc778 \uc544\ub798\uc758 \ub354\ud558\uae30 \uae30\ud638\ub97c \ud074\ub9ad\ud558\uc138\uc694. \ub9c8\uc6b0\uc2a4 X \ub3d9\uc791<\/strong> 0%\uc5d0\uc11c \uc120\ud0dd \ud68c\uc804<\/strong><\/li>\n
        5. \uc5d0\uc11c \ud68c\uc804<\/strong> \uc139\uc158\uc5d0\uc11c y\ucd95\uc744 -5\ub3c4\ub85c \uc870\uc815\ud569\ub2c8\ub2e4.<\/li>\n
        6. \uc120\ud0dd \uce74\ub4dc \uc694\uc18c<\/strong> 100% \ubc0f \ud68c\uc804<\/strong> \ud544\ub4dc\uc5d0\uc11c y\ucd95\uc744 5\ub3c4\ub85c \ubcc0\uacbd\ud569\ub2c8\ub2e4.<\/li>\n
        7. \uc744 \ucd94\uac00\ud558\ub2e4 \ud68c\uc804<\/strong> \uc544\ub798\uc758 \uc870\uce58 \ub9c8\uc6b0\uc2a4 Y \ub3d9\uc791<\/strong><\/li>\n
        8. 0%\uc5d0\uc11c \ud68c\uc804<\/strong>, x\ucd95\uc744 5\ub3c4\ub85c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n
        9. 100%\uc5d0\uc11c \ud68c\uc804<\/strong>, x\ucd95\uc744 -5\ub3c4\ub85c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n
        10. \uc560\ub2c8\uba54\uc774\uc158 \uc870\uc815\uc744 \uc644\ub8cc\ud558\uc5ec \uc2a4\ubb34\ub529<\/strong><\/li>\n<\/ol>\n

          \uae30\ubcf8 \uc0c1\ud0dc \uc124\uc815<\/h2>\n
            \n
          1. \uc5d0\uc11c \uc0c1\ud638 \uc791\uc6a9 \ud328\ub110<\/strong> \uc544\ub798\uc5d0 \ub9c8\uc6b0\uc2a4 \uc6c0\uc9c1\uc784\uc5d0 \ub300\ud574<\/strong>, \ub9c8\uc6b0\uc2a4 X \uc704\uce58\ub97c 50%\ub85c \uc815\uc758<\/li>\n
          2. \ub9c8\uc6b0\uc2a4 Y \uc704\uce58\ub97c 50%\ub85c \uc124\uc815<\/li>\n<\/ol>\n

            \uac15\uc870\ub97c \uc704\ud55c \ud2b9\uc218 \ud6a8\uacfc \ucd94\uac00<\/h2>\n
              \n
            1. \uc0c8\ub85c \ubc30\uce58 Div \ube14\ub85d<\/strong> \ud574\ub2f9 \uc694\uc18c(\uce74\ub4dc) \ub0b4\uc758 \uce94\ubc84\uc2a4\uc5d0<\/li>\n
            2. \ub9cc\ub4e4\uae30 \uc218\uc5c5<\/strong> \uc774\ub984\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4(\uc608: \uce74\ub4dc \uac15\uc870 \ud45c\uc2dc).<\/li>\n
            3. \ud06c\uae30(\uc608: 400\ud53d\uc140)\uc640 \uc704\uce58\ub97c \uc808\ub300\uac12\uc73c\ub85c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n
            4. \uc67c\ucabd \uc0c1\ub2e8\ubd80\ud130 \ubc30\uce58\ud558\uc138\uc694.<\/li>\n
            5. \uc801\ud569\ud55c \uac83\uc744 \uc120\ud0dd\ud558\uc2ed\uc2dc\uc624 \ubc30\uacbd\uc0c9<\/strong> (\uc608: \ud770\uc0c9)<\/li>\n
            6. \uc218\uc815\ud558\ub2e4 \ubc18\uc9c0\ub984<\/strong> \uc544\ub798\uc5d0 \uad6d\uacbd<\/strong> 50%\ub85c<\/li>\n
            7. \uc870\uc815\ud558\ub2e4 \ubd88\ud22c\uba85<\/strong> 10% \uc774\ud558 \ud6a8\uacfc<\/strong><\/li>\n
            8. \uc801\uc6a9\ud558\ub2e4 \ud750\ub9bc<\/strong> \ud544\ud130\ub9c1\ud558\uace0 \ubcc0\uacbd \ubc18\uc9c0\ub984<\/strong> 50\ud53d\uc140\uae4c\uc9c0<\/li>\n
            9. \uc5d0\uc11c \uc0c1\ud638 \uc791\uc6a9 \ud328\ub110<\/strong>, \uc120\ud0dd\ud558\ub2e4 \ud638\ubc84 \ud68c\uc804<\/strong><\/li>\n
            10. \uc5d0\uc11c \ub9c8\uc6b0\uc2a4 X \ud0c0\uc784\ub77c\uc778<\/strong> 0%\uc5d0 \ub2e4\uc74c\uc744 \ud3ec\ud568\ud558\uc138\uc694. \uc774\ub3d9\ud558\ub2e4<\/strong> \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub9cc\ub4e4\uace0 x\ucd95\uc744 100%\ub85c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n
            11. \uc5d0\uc11c \ub9c8\uc6b0\uc2a4 X \ud0c0\uc784\ub77c\uc778<\/strong> 100%\uc5d0 \uc774\ub3d9\ud558\ub2e4<\/strong> x\ucd95\uc774 -50%\ub85c \uc124\uc815\ub41c \uc560\ub2c8\uba54\uc774\uc158<\/li>\n
            12. \uc5d0 \ub300\ud55c \ub9c8\uc6b0\uc2a4 Y \ud0c0\uc784\ub77c\uc778<\/strong> 0%\uc5d0\uc11c \ud1b5\ud569 \uc774\ub3d9\ud558\ub2e4<\/strong> \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc801\uc6a9\ud558\uace0 y\ucd95\uc744 50%\ub85c \uc870\uc815\ud569\ub2c8\ub2e4.<\/li>\n
            13. 100%\uc5d0\uc11c \ub9c8\uc6b0\uc2a4 Y \ud0c0\uc784\ub77c\uc778<\/strong>, \uc801\uc6a9 \uc774\ub3d9\ud558\ub2e4<\/strong> \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc801\uc6a9\ud558\uace0 y\ucd95\uc744 -50%\ub85c \uc218\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n

              <\/p>\n

              \ubbf8\ub9ac\ubcf4\uae30 \ubaa8\ub4dc\uc5d0\uc11c \uc9c4\ud589 \uc0c1\ud669\uc744 \uac80\ud1a0\ud558\uc138\uc694.<\/p>\n

              <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"\uc694\uc18c \uc704\ub85c \ub9c8\uc6b0\uc2a4\ub97c \uac00\uc838\uac08 \ub54c \ub9c8\uc6b0\uc2a4 \uc704\uce58\ub97c \uae30\ubc18\uc73c\ub85c \uce74\ub4dc \ud68c\uc804 \uc6c0\uc9c1\uc784\uc744 \uc560\ub2c8\uba54\uc774\uc158\ud654\ud569\ub2c8\ub2e4.","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\/ko\/wp-json\/wp\/v2\/posts\/6096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/comments?post=6096"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/6096\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/6097"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=6096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=6096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=6096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}