{"id":10917,"date":"2021-03-01T07:09:44","date_gmt":"2021-02-28T22:09:44","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=10917"},"modified":"2021-03-01T07:09:44","modified_gmt":"2021-02-28T22:09:44","slug":"clip-path%eb%a1%9c-%ec%9b%90%ed%95%98%eb%8a%94-%ec%98%81%ec%97%ad%eb%a7%8c-%ed%91%9c%ed%98%84%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=10917","title":{"rendered":"clip-path\ub85c \uc6d0\ud558\ub294 \uc601\uc5ed\ub9cc \ud45c\ud604\ud558\uae30"},"content":{"rendered":"<p>\uc6d0\ud558\ub294 \ud615\ud0dc\uc758 \ud3f4\ub9ac\uace4 \uc601\uc5ed\ub9cc \ud45c\uc2dc\ud558\uace0\uc790 \ud560\ub54c clip-path\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc544\ub798\uc640 \uac19\uc740 \uacb0\uacfc\ub97c \ubcf4\uba74..<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2021\/03\/clip-path.png\" alt=\"\" width=\"700\" class=\"aligncenter size-full wp-image-10919\" \/><\/p>\n<p>\uc704\uc758 \uacb0\uacfc\ub294 2\uac1c\uc758 div \uc694\uc18c\ub85c \ud45c\ud604\ub418\ub294\ub370, \uc544\ub798\uc640 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">\r\n<div>\r\n    GIS DEVELOPER\r\n<\/div>\r\n<div>\r\n    GIS DEVELOPER\r\n<\/div>\r\n<\/pre>\n<p>\uc2a4\ud0c0\uc77c\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\">\r\n* {\r\n    padding: 0;\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\ndiv {\r\n    position: fixed;\r\n    background-color: black;\r\n    width: 100%;\r\n    height: 100vh;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 5em;\r\n    font-weight: 700;\r\n}\r\n\r\ndiv:nth-child(1) {\r\n    color: white;\r\n}\r\n\r\ndiv:nth-child(2) {\r\n    color: black;\r\n    clip-path: circle(1.4em at center center);\r\n    background-color: white;\r\n}\r\n<\/pre>\n<p>clip-path\ub85c \uc9c0\uc815\ub41c \ub3c4\ud615\uc758 \ud615\ud0dc\ub85c \uc798\ub824\uc9c4 \uac83\ub9cc \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6d0\ud558\ub294 \ud615\ud0dc\uc758 \ud3f4\ub9ac\uace4 \uc601\uc5ed\ub9cc \ud45c\uc2dc\ud558\uace0\uc790 \ud560\ub54c clip-path\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc544\ub798\uc640 \uac19\uc740 \uacb0\uacfc\ub97c \ubcf4\uba74.. \uc704\uc758 \uacb0\uacfc\ub294 2\uac1c\uc758 div \uc694\uc18c\ub85c \ud45c\ud604\ub418\ub294\ub370, \uc544\ub798\uc640 \uac19\uc2b5\ub2c8\ub2e4. GIS DEVELOPER GIS DEVELOPER \uc2a4\ud0c0\uc77c\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. * { padding: 0; margin: 0; box-sizing: border-box; } div { position: fixed; background-color: black; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; font-size: &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=10917\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;clip-path\ub85c \uc6d0\ud558\ub294 \uc601\uc5ed\ub9cc \ud45c\ud604\ud558\uae30&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[138],"tags":[],"class_list":["post-10917","post","type-post","status-publish","format-standard","hentry","category-css-"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/10917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10917"}],"version-history":[{"count":5,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/10917\/revisions"}],"predecessor-version":[{"id":10923,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/10917\/revisions\/10923"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10917"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10917"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}