{"id":5900,"date":"2024-04-14T12:43:17","date_gmt":"2024-04-14T04:43:17","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5900"},"modified":"2024-04-14T12:43:17","modified_gmt":"2024-04-14T04:43:17","slug":"container-shadow","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/container-shadow\/","title":{"rendered":"\ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0"},"content":{"rendered":"
\n

\ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790\ub294 \uc694\uc18c\uc5d0 \uadf8\ub9bc\uc790\ub97c \ud45c\uc2dc\ud558\ub294 \uc2dc\uac01 \ud6a8\uacfc\uc785\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8 \uc694\uc18c\ub97c \uc120\ud0dd\ud558\uace0 \ub2e4\uc74c\uc73c\ub85c \uc774\ub3d9\ud558\uc5ec \ud14d\uc2a4\ud2b8 \uadf8\ub9bc\uc790\uc5d0 \uc561\uc138\uc2a4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> > \ud6a8\uacfc<\/strong> > \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0<\/strong>.<\/p>\n

\uc774 \uac00\uc774\ub4dc \uc804\uccb4\uc5d0\uc11c \ub2e4\uc74c \ub0b4\uc6a9\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

    \n
  1. \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0 \uc804\ud658\uc744 \uc0dd\uc131\ud558\ub294 \ubc29\ubc95<\/li>\n
  2. \ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790 \ud14c\ub450\ub9ac\ub97c \ub9cc\ub4dc\ub294 \ubc29\ubc95<\/li>\n<\/ol>\n

    \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0 \uc804\ud658\uc744 \ub9cc\ub4dc\ub294 \ubc29\ubc95<\/h2>\n

    \ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790 \uc804\ud658\uc744 \ud1b5\ud569\ud558\ub294 \uae30\ub2a5\uc774 \uc788\uc73c\ubbc0\ub85c \ubc29\ubb38\uc790\uac00 \uc694\uc18c\uc640 \uc0c1\ud638 \uc791\uc6a9\ud560 \ub54c \ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790\uac00 \uc2dc\uac01\uc801 \ud45c\uc2dc\ub97c \ubcc0\uacbd\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc694\uc18c\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub9ac\uba74 \ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790\uc758 \uc0c9\uc870\uac00 \ub354 \uc5b4\ub450\uc6cc\uc9c0\ub294 \ub9c8\uc6b0\uc2a4 \uc624\ubc84 \ud6a8\uacfc\ub97c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

      \n
    1. \ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790 \uc804\ud658\uc744 \ud3ec\ud568\ud558\ub824\ub294 \uc694\uc18c\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n
    2. \ud5a5\ud558\ub2e4 \uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> > \ud6a8\uacfc<\/strong> > \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0<\/strong><\/li>\n
    3. \ub204\ub974\uc138\uc694 "...\uc744 \ub354\ud55c<\/strong>\ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0\ub97c \uc0bd\uc785\ud558\ub294 \u201d \uc544\uc774\ucf58<\/li>\n
    4. \uc218\uc815\ud558\ub2e4 \uc0c9\uc870<\/strong> \uac80\uc815\uc0c9\uc73c\ub85c \ubcc0\uacbd\ud558\uace0 20% \ubd88\ud22c\uba85\ub3c4\ub97c \ud1b5\ud569\ud569\ub2c8\ub2e4.<\/li>\n
    5. \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0\ub97c \uc694\uc18c\uc5d0 \ud1b5\ud569\ud558\uc5ec \uac80\uc740\uc0c9\uacfc 20% \ubd88\ud22c\uba85\ub3c4\ub85c \ub514\uc790\uc778\ud569\ub2c8\ub2e4.<\/li>\n
    6. \uc120\ud0dd\ud558\ub2e4 \ud638\ubc84<\/strong> ~\ub85c\ubd80\ud130 \uc0c1\ud0dc<\/strong> \ub4dc\ub86d \ub2e4\uc6b4 \uba54\ub274<\/li>\n
    7. \ubc29\ubb38\ud558\ub2e4 \uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> > \ud6a8\uacfc<\/strong> > \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0<\/strong><\/li>\n
    8. \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0\ub97c 55% \ubd88\ud22c\uba85\ub3c4\ub85c \uad6c\uc131<\/li>\n
    9. \uc120\ud0dd\ud558\ub2e4 \uc5c6\uc74c<\/strong> ~\ub85c\ubd80\ud130 \uc0c1\ud0dc<\/strong> \ub4dc\ub86d \ub2e4\uc6b4 \uba54\ub274<\/li>\n
    10. \ud5a5\ud558\ub2e4 \uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> > \ud6a8\uacfc<\/strong> > \uc804\ud658<\/strong><\/li>\n
    11. \u201c\ub97c \ud074\ub9ad\ud558\uc138\uc694....\uc744 \ub354\ud55c<\/strong>\uc804\ud658\uc744 \uc0bd\uc785\ud558\ub824\uba74 \u201d \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uc138\uc694.<\/li>\n
    12. \uc120\ud0dd\ud558\ub2e4 \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0 <\/strong>~\ub85c\ubd80\ud130 \uc720\ud615 <\/strong>\ub4dc\ub86d \ub2e4\uc6b4 \uba54\ub274<\/li>\n
    13. \uc124\ub9bd\ud558\ub2e4 \uc9c0\uc18d<\/strong> \ub610\ub294 \uae30\ubcf8 200ms\ub85c \uc720\uc9c0\ud558\uc138\uc694.<\/li>\n<\/ol>\n

      \uc804\ud658\uc744 \uc801\uc6a9\ud558\uba74 \ud638\ubc84 \ud6a8\uacfc\uac00 \uc6d0\ud65c\ud558\uac8c \uc804\ud658\ub429\ub2c8\ub2e4. \uc5c6\uc74c<\/strong> \uc8fc\uc640 \ud638\ubc84<\/strong> \uc0c1\ud0dc. 200ms \uc804\ud658\uc774 \uc5c6\uc73c\uba74 \ud638\ubc84 \ud6a8\uacfc\uac00 \ub2e4\ub978 \ubd88\ud22c\uba85\ub3c4 \uc218\uc900 \uac04\uc5d0 \uac11\uc790\uae30 \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n

      \ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790 \ud14c\ub450\ub9ac\ub97c \ub9cc\ub4dc\ub294 \ubc29\ubc95<\/h2>\n

      \ub2e8\uc77c \uc694\uc18c\uc5d0 \uc5ec\ub7ec \ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790\ub97c \uc801\uc6a9\ud558\uc5ec \ub69c\ub837\ud55c \uc2dc\uac01\uc801 \ud6a8\uacfc\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \uc5ec\ub7ec \ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790\ub97c \ud65c\uc6a9\ud558\uc5ec \ubbf8\ubb18\ud55c \ud14c\ub450\ub9ac\uc640 \uadf8\ub9bc\uc790\ub97c \ub9cc\ub4dc\ub294 \uc608\uc785\ub2c8\ub2e4.<\/p>\n

        \n
      1. \ucee8\ud14c\uc774\ub108 \uadf8\ub9bc\uc790 \uc804\ud658\uc744 \ud3ec\ud568\ud558\ub824\ub294 \uc694\uc18c\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n
      2. \uc774\ub3d9 \uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> > \ud6a8\uacfc<\/strong> > \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0<\/strong><\/li>\n
      3. \uc744 \uce58\ub2e4 "...\uc744 \ub354\ud55c<\/strong>\ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0\ub97c \uc0bd\uc785\ud558\ub294 \u201d \uc544\uc774\ucf58<\/li>\n
      4. \uc120\ud0dd\ud558\ub2e4 \ubc16\uc758 <\/strong>\uc73c\ub85c \uc720\ud615<\/strong><\/li>\n
      5. \uc870\uc815\ud558\ub2e4 \uc5d1\uc2a4<\/strong> \uadf8\ub9ac\uace0 \uc640\uc774<\/strong> \uc120\ud638\ub3c4\uc5d0 \ub530\ub978 \uac00\uce58<\/li>\n
      6. \uc138\ud2b8 \ud750\ub9bc<\/strong> 0px\ub85c<\/li>\n
      7. \uc138\ud2b8 \ud06c\uae30<\/strong> 1px\ub85c<\/li>\n
      8. \uc138\ud2b8 \uc0c9\uc0c1<\/strong> rgba(0,0,0,0.1) - 10% \ubd88\ud22c\uba85\ub3c4\uc758 \uac80\uc815\uc0c9<\/li>\n
      9. \uadf8\ub9bc\uc790\uc758 \uc0c9\uc870\ub97c rgba(0, 0, 0, 0.1)\ub85c \uc870\uc815\ud569\ub2c8\ub2e4(\uc989, \ubd88\ud22c\uba85\ub3c4\uac00 10%\uc778 \uac80\uc815\uc0c9).<\/li>\n
      10. \ubc29\ubb38\ud558\ub2e4 \uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> > \ud6a8\uacfc<\/strong> > \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0<\/strong><\/li>\n
      11. \ub204\ub974\uc138\uc694 "...\uc744 \ub354\ud55c<\/strong>\ub2e4\ub978 \ucee8\ud14c\uc774\ub108 \uc100\ub3c4\uc6b0\ub97c \uc0bd\uc785\ud558\ub294 \u201d \uc544\uc774\ucf58<\/li>\n
      12. \uc138\ud2b8 \ud750\ub9bc<\/strong> 8px\ub85c<\/li>\n
      13. \uc218\uc815\ud558\ub2e4 \uc5d1\uc2a4<\/strong> \uadf8\ub9ac\uace0 \uc640\uc774<\/strong> \uc120\ud638\ub3c4\uc5d0 \ub530\ub978 \uac00\uce58<\/li>\n
      14. \uc138\ud2b8 \uc0c9\uc0c1<\/strong> rgba(0, 0, 0, 0.1)\ub85c<\/li>\n<\/ol>\n<\/div>","protected":false},"excerpt":{"rendered":"\uc0c1\uc790 \uadf8\ub9bc\uc790\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc694\uc18c \uacbd\uacc4 \ub0b4\ubd80 \ub610\ub294 \uc678\ubd80\uc5d0 \uae4a\uc774\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.","protected":false},"author":2,"featured_media":5901,"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":[284],"tags":[],"class_list":{"0":"post-5900","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/5900","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=5900"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/5900\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/5901"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=5900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=5900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=5900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}