{"id":1547,"date":"2022-05-28T08:13:52","date_gmt":"2022-05-28T00:13:52","guid":{"rendered":"https:\/\/fromideatocreation.com\/?p=916"},"modified":"2023-07-02T17:07:54","modified_gmt":"2023-07-02T09:07:54","slug":"%e4%bd%bf%e7%94%a8%e5%9c%93%e9%8c%90%e6%bc%b8%e8%ae%8a%ef%bc%88conic-gradients%ef%bc%89%e6%89%93%e9%80%a0%e9%85%b7%e7%82%ab%e9%82%8a%e6%a1%86","status":"publish","type":"post","link":"https:\/\/fromideatocreation.com\/?p=1547","title":{"rendered":"\u4f7f\u7528\u5713\u9310\u6f38\u8b8a\uff08conic gradients\uff09\u6253\u9020\u9177\u70ab\u908a\u6846"},"content":{"rendered":"\n<p>\u9019\u500b\u7531 Terry Mun \u5275\u5efa\u7684 <a href=\"https:\/\/codepen.io\/terrymun\/pen\/mdVGjMB\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"CodePen \">CodePen <\/a>\u5c55\u793a\u4e86\u5982\u4f55\u4f7f\u7528\u5713\u9310\u6f38\u8b8a\uff08<a href=\"https:\/\/developer.mozilla.org\/docs\/Web\/CSS\/gradient\/conic-gradient\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"conic gradients\">conic gradients<\/a>\uff09\u4f86\u5efa\u7acb\u908a\u6846\u3002 \u5c07\u6ed1\u9f20\u5143\u7d20\u9644\u8fd1\u79fb\u52d5\uff0c\u60a8\u5c07\u770b\u5230\u6f38\u8b8a\u7684\u8b8a\u5316\uff0c\u9019\u8981\u6b78\u529f\u65bc JavaScript \u66f4\u65b0\u4e86\u65cb\u8f49\u89d2\u5ea6\u9019\u500b CSS \u81ea\u5b9a\u7fa9\u5c6c\u6027\u3002<\/p>\n\n\n\n<p class=\"codepen\" data-height=\"300\" data-slug-hash=\"mdVGjMB\" data-user=\"terrymun\" style=\"height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\">\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/terrymun\/pen\/mdVGjMB\">\n  Conic Gradient Border<\/a> by Terry Mun (<a href=\"https:\/\/codepen.io\/terrymun\">@terrymun<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n<\/p>\n<script async src=\"https:\/\/cpwebassets.codepen.io\/assets\/embed\/ei.js\"><\/script>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>\u8a72\u793a\u7bc4\u4f7f\u7528 <code>border-image-source<\/code> \u5c6c\u6027\u3002 \u6b64\u5c6c\u6027\u8a2d\u7f6e\u7528\u65bc\u5efa\u7acb\u5143\u7d20\u908a\u6846\u7684\u4f86\u6e90\u5716\u50cf\u3002 \u8207\u63a5\u53d7\u5716\u50cf\u503c\u7684\u5176\u4ed6\u5c6c\u6027\u4e00\u6a23\uff0c\u4efb\u4f55 CSS \u6f38\u8b8a\u985e\u578b\u4e5f\u662f\u6709\u6548\u7684\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9019\u500b\u7531 Terry Mun \u5275\u5efa\u7684 CodePen \u5c55\u793a\u4e86\u5982\u4f55\u4f7f\u7528\u5713\u9310\u6f38\u8b8a\uff08conic gradients\uff09\u4f86\u5efa\u7acb\u908a\u6846\u3002 \u5c07\u6ed1\u9f20\u5143\u7d20\u9644\u8fd1\u79fb\u52d5\uff0c\u60a8\u5c07\u770b\u5230\u6f38\u8b8a\u7684\u8b8a\u5316\uff0c\u9019\u8981\u6b78\u529f\u65bc JavaScript \u66f4\u65b0\u4e86\u65cb\u8f49\u89d2\u5ea6\u9019\u500b CSS \u81ea\u5b9a\u7fa9\u5c6c\u6027\u3002<\/p>\n","protected":false},"author":1,"featured_media":716,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","inline_featured_image":false,"_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","footnotes":""},"categories":[117,156],"tags":[116,173],"class_list":["post-1547","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-156","tag-css","tag-gradients"],"acf":[],"aioseo_notices":[],"qubely_featured_image_url":{"full":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"landscape":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"portraits":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",411,320,false],"thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",150,117,false],"medium":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",300,234,false],"medium_large":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"large":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"1536x1536":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"2048x2048":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"qubely_landscape":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"qubely_portrait":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",411,320,false],"qubely_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",128,100,false],"nazare_single_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"nazare_post_card_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",480,374,false],"nazare_widget_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",100,78,false],"nazare_widget_first_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",265,206,false],"nazare_el_banner_left":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"nazare_el_banner_right":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",560,436,false],"nazare_el_post_400x376":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",400,312,false],"nazare_el_post_520x460":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",520,405,false],"nazare_el_post_500x335":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",430,335,false],"nazare_el_post_500x300":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",385,300,false],"nazare_el_post_655x640":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"nazare_el_post_500x290":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",372,290,false],"nazare_el_post_416x278":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",357,278,false],"nazare_el_post_480x425":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",480,374,false],"nazare_el_post_635x640":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"nazare_el_post_305x177":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",227,177,false],"nazare_el_post_400x400":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",400,312,false],"nazare_el_post_400x360":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",400,312,false],"nazare_el_post_416x416":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",416,324,false],"nazare_el_post_485x430":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",485,378,false],"nazare_el_post_700x467":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"nazare_el_post_1000x581":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"nazare_post_1320x605":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"nazare_post_705x565":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"nazare_post_400x265":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",340,265,false],"nazare_el_post_1248x630":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"woocommerce_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",300,234,false],"woocommerce_single":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"woocommerce_gallery_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",100,78,false],"shop_catalog":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",300,234,false],"shop_single":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",565,440,false],"shop_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about4.webp",100,78,false]},"qubely_author":{"display_name":"Wen","author_link":"https:\/\/fromideatocreation.com\/?author=1"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/fromideatocreation.com\/?cat=117\" rel=\"category\">CSS<\/a> <a href=\"https:\/\/fromideatocreation.com\/?cat=156\" rel=\"category\">\u8a2d\u8a08<\/a>","qubely_excerpt":"\u9019\u500b\u7531 Terry Mun \u5275\u5efa\u7684 CodePen \u5c55\u793a\u4e86\u5982\u4f55\u4f7f\u7528\u5713\u9310\u6f38\u8b8a\uff08conic gradients\uff09\u4f86...","_links":{"self":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts\/1547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1547"}],"version-history":[{"count":1,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts\/1547\/revisions"}],"predecessor-version":[{"id":1673,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts\/1547\/revisions\/1673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/media\/716"}],"wp:attachment":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}