1"use strict";(self.webpackChunkmy_website=self.webpackChunkmy_website||[]).push([["493"],{32480:function(n,e,r){r.r(e),r.d(e,{frontMatter:()=>d,toc:()=>t,default:()=>o,metadata:()=>s,assets:()=>h,contentTitle:()=>i});var s=JSON.parse('{"id":"HTML\u548CCSS/2.3-\u76D2\u5B50\u8FDB\u9636\u5C5E\u6027","title":"2.3-\u76D2\u5B50\u8FDB\u9636\u5C5E\u6027","description":"Create by fall on \u2014 \u2014 2019","source":"@site/my-docs/HTML\u548CCSS/2.3-\u76D2\u5B50\u8FDB\u9636\u5C5E\u6027.md","sourceDirName":"HTML\u548CCSS","slug":"/HTML\u548CCSS/2.3-\u76D2\u5B50\u8FDB\u9636\u5C5E\u6027","permalink":"/docs/HTML\u548CCSS/2.3-\u76D2\u5B50\u8FDB\u9636\u5C5E\u6027","draft":false,"unlisted":false,"editUrl":"https://github.com/fall-zhang/fall-zhang.github.io/tree/source/my-docs/HTML\u548CCSS/2.3-\u76D2\u5B50\u8FDB\u9636\u5C5E\u6027.md","tags":[],"version":"current","sidebarPosition":31,"frontMatter":{"sidebar_position":31},"sidebar":"tutorialSidebar","previous":{"title":"2.2-\u76D2\u5B50\u57FA\u7840\u5C5E\u6027","permalink":"/docs/HTML\u548CCSS/2.2-\u76D2\u5B50\u57FA\u7840\u5C5E\u6027"},"next":{"title":"2.4-\u6587\u672C\u548C\u6BB5\u843D\u6837\u5F0F","permalink":"/docs/HTML\u548CCSS/2.4-\u6587\u672C\u548C\u6BB5\u843D\u6837\u5F0F"}}'),l=r(52676),c=r(97806);let d={sidebar_position:31},i=void 0,h={},t=[{value:"appearance",id:"appearance",level:2},{value:"background",id:"background",level:2},{value:"\u5E38\u7528\u5C5E\u6027",id:"\u5E38\u7528\u5C5E\u6027",level:3},{value:"attachment",id:"attachment",level:3},{value:"image",id:"image",level:3},{value:"mask",id:"mask",level:3},{value:"\u9634\u5F71",id:"\u9634\u5F71",level:2},{value:"text-shadow",id:"text-shadow",level:3},{value:"box-shadow",id:"box-shadow",level:3},{value:"\u76D2\u5B50\u8868\u73B0",id:"\u76D2\u5B50\u8868\u73B0",level:2},{value:"aspect-ratio",id:"aspect-ratio",level:3},{value:"cursor",id:"cursor",level:3},{value:"scroll-behavior",id:"scroll-behavior",level:3},{value:"scroll-snap-type",id:"scroll-snap-type",level:3},{value:"\u6EE4\u955C",id:"\u6EE4\u955C",level:2},{value:"filter",id:"filter",level:3},{value:"backdrop-filter",id:"backdrop-filter",level:3},{value:"\u5E94\u7528",id:"\u5E94\u7528",level:3},{value:"\u6EDA\u52A8\u680F\u6837\u5F0F",id:"\u6EDA\u52A8\u680F\u6837\u5F0F",level:2},{value:"\u6EDA\u52A8\u6355\u6349",id:"\u6EDA\u52A8\u6355\u6349",level:2},{value:"\u53C2\u8003\u6587\u7AE0",id:"\u53C2\u8003\u6587\u7AE0",level:2}];function a(n){let e={a:"a",blockquote:"blockquote",code:"code",em:"em",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,c.a)(),...n.components};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(e.blockquote,{children:["\n",(0,l.jsxs)(e.p,{children:["Create by ",(0,l.jsx)(e.strong,{children:"fall"})," on \u2014 \u2014 2019",(0,l.jsx)("br",{}),"\nRecently revised in 11 May 2024"]}),"\n"]}),"\n",(0,l.jsx)(e.h2,{id:"appearance",children:"appearance"}),"\n",(0,l.jsx)(e.p,{children:"\u7528\u4E8E\u63A7\u5236 UI \u63A7\u4EF6\u57FA\u4E8E\u64CD\u4F5C\u7CFB\u7EDF\u4E3B\u9898\u7684\u539F\u751F\u5916\u89C2\u3002\u6765\u51CF\u5C11\u4E0D\u540C\u5E73\u53F0\u4E4B\u95F4\u7684\u90E8\u5206\u6807\u7B7E\uFF0C\u4F8B\u5982 input \u96BE\u4EE5\u63A7\u5236\u7684\u95EE\u9898\u3002"}),"\n",(0,l.jsxs)(e.p,{children:["\u5E38\u7528 ",(0,l.jsx)(e.code,{children:"aooearance:none"}),"\uFF0C\u9690\u85CF\u63A7\u4EF6\u7279\u6027"]}),"\n",(0,l.jsx)(e.h2,{id:"background",children:"background"}),"\n",(0,l.jsx)(e.p,{children:"background \u662F\u63D0\u4F9B\u4E00\u7CFB\u5217\u4FEE\u6539\u5757\u7684\u80CC\u666F\u7684\u5185\u5BB9"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"background: #00ff00 url('img.jpg') center center/100% no-repeat fixed;\n/* \u80CC\u666F\uFF1A \u80CC\u666F\u989C\u8272 \u80CC\u666F\u63D2\u56FE \u80CC\u666F\u4F4D\u7F6E / \u56FE\u7247\u5927\u5C0F \u662F\u5426\u91CD\u590D \u9875\u9762\u6EDA\u52A8\u6837\u5F0F */\n"})}),"\n",(0,l.jsxs)(e.table,{children:[(0,l.jsx)(e.thead,{children:(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.th,{children:"\u5C5E\u6027"}),(0,l.jsx)(e.th,{children:"\u503C"}),(0,l.jsx)(e.th,{children:"\u63A7\u5236\u6837\u5F0F"})]})}),(0,l.jsxs)(e.tbody,{children:[(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"background-color"}),(0,l.jsx)(e.td,{children:"\u4EFB\u610F\u989C\u8272\u8868\u793A"}),(0,l.jsx)(e.td,{children:"\u80CC\u666F\u8272"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"background-image"}),(0,l.jsx)(e.td,{children:"url\uFF08\u80CC\u666F\u5730\u5740\uFF09"}),(0,l.jsx)(e.td,{children:"\u9ED8\u8BA4\u4F1A\u94FA\u6EE1\u6574\u4E2A\u80CC\u666F\u5927\u5C0F"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"background-position"}),(0,l.jsx)(e.td,{children:"[ left | right | center ] [ top | center | bottom ]"}),(0,l.jsx)(e.td,{children:"\u80CC\u666F\u4F4D\u7F6E\uFF08\u4E5F\u53EF\u4E3A px\uFF09"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"background-size"}),(0,l.jsx)(e.td,{children:"cover,contain,(\u767E\u5206\u6570,\u5BBD\u9AD8)"}),(0,l.jsx)(e.td,{children:"\u80CC\u666F\u56FE\u5927\u5C0F"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"background-repeat"}),(0,l.jsx)(e.td,{children:"repeat-x,repeat-y,no-repeat"}),(0,l.jsx)(e.td,{children:"\u63A7\u5236\u5185\u5BB9\u662F\u5426\u91CD\u590D"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"background-attachment"}),(0,l.jsx)(e.td,{children:"scroll\u3001fixed\u3001local"}),(0,l.jsx)(e.td,{children:"\u80CC\u666F\u6EDA\u52A8\u65F6\u79FB\u52A8\u6837\u5F0F"})]})]})]}),"\n",(0,l.jsx)(e.h3,{id:"\u5E38\u7528\u5C5E\u6027",children:"\u5E38\u7528\u5C5E\u6027"}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"background-size"})}),"\n",(0,l.jsxs)(e.p,{children:[(0,l.jsx)(e.code,{children:"background-size"}),"\uFF1A\u80CC\u666F\u56FE\u7684\u5C3A\u5BF8\u5927\u5C0F"]}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsx)(e.li,{children:"cover\uFF1A\u5BF9\u56FE\u7247\u8FDB\u884C\u7F29\u653E\uFF0C\u4E00\u90E8\u5206\u56FE\u7247\u4F1A\u
16EA2\u51FA(\u56FE\u7247\u5305\u88F9\u76D2\u5B50)"}),"\n",(0,l.jsx)(e.li,{children:"contain\uFF1A\u56FE\u7247\u5168\u653E\u5728\u5BB9\u5668\u5185\u90E8\uFF08\u76D2\u5B50\u5305\u88F9\u56FE\u7247\uFF09"}),"\n"]}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"background-clip"})}),"\n",(0,l.jsxs)(e.p,{children:[(0,l.jsx)(e.code,{children:"background-clip"})," : \u80CC\u666F\u56FE\u7684\u5207\u7247\u65B9\u5F0F\uFF08\u56FE\u7247\u663E\u793A\u5230\u54EA\u4E2A\u4F4D\u7F6E\u505C\u6B62\uFF0C\u9ED8\u8BA4\u663E\u793A\u5230 border\uFF09"]}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsx)(e.li,{children:"padding-box"}),"\n",(0,l.jsx)(e.li,{children:"border-box(\u9ED8\u8BA4)"}),"\n",(0,l.jsx)(e.li,{children:"content-box"}),"\n",(0,l.jsx)(e.li,{children:"text\uFF08\u901A\u8FC7\u8BE5\u6837\u5F0F\u914D\u5408\u5B57\u4F53\u900F\u660E\u53EF\u4EE5\u5B9E\u73B0\u80CC\u666F\u9650\u5236\u5728\u6587\u5B57\u5185\u7684\u7279\u6B8A\u6548\u679C\uFF09"}),"\n",(0,l.jsx)(e.li,{children:"\u6CE8\uFF1Abackground-origin \u548C background-clip \u53EF\u4EE5\u5171\u540C\u63A7\u5236\u56FE\u7247"}),"\n",(0,l.jsx)(e.li,{children:"\u56FE\u7247\u53EF\u4EE5\u586B\u5145\u5230 border\uFF0C\u7136\u540E\u663E\u793A\u5230 content"}),"\n"]}),"\n",(0,l.jsx)(e.p,{children:"background-position"}),"\n",(0,l.jsx)(e.p,{children:"\u80CC\u666F\u56FE\u7684\u4F4D\u7F6E\uFF0C\u5F53\u524D\u56FE\u7247\u663E\u793A\u7684\u4F4D\u7F6E"}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsx)(e.li,{children:"x \u65B9\u54
111\uFF1Aleft\u3001right\u3001center\u3001px\u3001%"}),"\n",(0,l.jsx)(e.li,{children:"y \u65B9\u5411\uFF1Atop\u3001bottom\u3001center\u3001px\u3001%"}),"\n"]}),"\n",(0,l.jsx)(e.p,{children:"background-origin"}),"\n",(0,l.jsx)(e.p,{children:"\u63A7\u5236\u80CC\u666F\u663E\u793A\u5230\u54EA\u91CC"}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsx)(e.li,{children:"padding-box\uFF08\u9ED8\u8BA4\uFF09"}),"\n",(0,l.jsx)(e.li,{children:"border-box\uFF1A\u4F1A\u663E\u793A\u5230 border"}),"\n",(0,l.jsx)(e.li,{children:"content-box\uFF1A\u4EC5\u4E3A\u5185\u5BB9\u4F4D\u7F6E"}),"\n"]}),"\n",(0,l.jsx)(e.h3,{id:"attachment",children:"attachment"}),"\n",(0,l.jsx)(e.p,{children:"background-attachment"}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsx)(e.li,{children:"scroll\uFF1A\uFF08\u9ED8\u8BA4\uFF09\u503C\u6309\u7167\u5F53\u524D\u5143\u7D20\u8FDB\u884C\u504F\u79FB"}),"\n",(0,l.jsx)(e.li,{children:"fixed\uFF1A\u5728\u5F53\u524D\u76D2\u5B50\u663E\u793A\u8303\u56F4\u5185\uFF0C\u80CC\u666F\u59CB\u7EC8\u56FA\u5B9A\u5728\u4E00\u70B9"}),"\n",(0,l.jsx)(e.li,{children:"local\uFF1A\u968F\u7740\u5143\u7D20\u5185\u7684\u5185\u5BB9\u800C\u6EDA\u52A8"}),"\n"]}),"\n",(0,l.jsx)(e.h3,{id:"image",children:"image"}),"\n",(0,l.jsx)(e.p,{children:"background-image"}),"\n",(0,l.jsx)(e.p,{children:"\u53EF\u4EE5\u4F7F\u7528\u5C5E\u6027 url\uFF0C\u5F15\u5165\u5C55\u793A\u7684\u56FE\u7247\u8D44\u6E90"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:".box{\n background-image:url(../assets/logo.png)\n}\n"})}),"\n",(0,l.jsx)(e.p,{children:"\u4E5F\u53EF\u4EE5\u5B9E\u73B0\u4E0D\u540C\u7684\u6E10\u53D8\u6548\u679C"}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsxs)(e.li,{children:["\u7EBF\u6027\u6E10\u53D8\uFF08linear-gradient\uFF09","\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsx)(e.li,{children:"\u6E10\u53D8\u7684\u8D77\u59CB\u70B9\u662F\u4E0A\u65B9\uFF0C\u96F6\u5EA6\u8D77\u59CB\u70B9\u662F\u4E0A\u65B9"}),"\n"]}),"\n"]}),"\n",(0,l.jsxs)(e.li,{children:["\u5F84\u5411\u6E10\u53D8\uFF08radial-gradient\uFF09","\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsx)(e.li,{children:"\u9009\u62E9\u540E\u53EF\u4EE5\u4F7F\u6E10\u53D8\u81EA\u5185\u800C\u5916"}),"\n"]}),"\n"]}),"\n",(0,l.jsxs)(e.li,{children:["\u9525\u5F62\u6E10\u53D8\uFF08\u6247\u5F62\u6E10\u53D8\uFF09\uFF1A",(0,l.jsx)(e.code,{children:"conic-gradient"})]}),"\n"]}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"\u7EBF\u6027\u6E10\u53D8"})}),"\n",(0,l.jsx)(e.p,{children:"\u53EF\u4EE5\u66F4\u6539 deg \u89D2\u5EA6\uFF0C\u6216\u8005\u662F\u66F4\u6539 to bottom\u3001top\u3001left\u3001right"}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.code,{children:"background-image: linear-gradient(60deg, cyan 0, yellow 33%, magenta 66%,cyan 100%);"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.code,{children:"background-image: linear-gradient(to buttom, cyan 0, yellow 33%, magenta 66%,cyan 100%);"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"\u5F84\u5411\u6E10\u53D8"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.code,{children:"background-image: radial-gradient( cyan 0%,meganta 50%,yellow 70%,black 100%)"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.code,{children:"background-image: radial-gradient(farthest-corner at 40px 40px,yellow 0%, blue 100%);"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"\u9525\u5F62\u6E10\u53D8"})}),"\n",(0,l.jsx)(e.p,{children:"\u540C\u65F6\u63D2\u5165\u591A\u4E2A\u7EBF\u6027\u6E10\u53D8\uFF0C\u5B9E\u73B0\u53D6\u8272\u5668\uFF08\u5389\u5BB3\u4E86\uFF09"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-scss",children:"background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),\n linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),\n linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);\n"})}),"\n",(0,l.jsx)(e.p,{children:"\u8FD9\u4E9B\u63CF\u8FF0\u90FD\u8981\u81EA\u5DF1\u5B9E\u9A8C\u4E00\u4E0B\uFF0C\u7136\u540E\u8FDB\u884C\u4FEE\u6539"}),"\n",(0,l.jsxs)(e.table,{children:[(0,l.jsx)(e.thead,{children:(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.th,{children:"\u5F84\u5411\u6E10\u53D8\u7684\u521D\u59CB\u4F4D\u7F6E\u53D6\u503C"}),(0,l.jsx)(e.th,{children:"\u6548\u679C"})]})}),(0,l.jsxs)(e.tbody,{children:[(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:(0,l.jsx)(e.code,{children:"closest-side"})}),(0,l.jsx)(e.td,{children:"\u6E10\u53D8\u7684\u8FB9\u7F18\u5F62\u72B6\u4E0E\u5BB9\u5668\u8DDD\u79BB\u6E10\u53D8\u4E2D\u5FC3\u70B9\u6700\u8FD1\u7684\u4E00\u8FB9\u76F8\u5207\uFF08\u5706\u5F62\uFF09\u6216\u8005\u81F3\u5C11\u4E0E\u8DDD\u79BB\u6E10\u53D8\u4E2D\u5FC3\u70B9\u6700\u8FD1\u7684\u5782\u76F4\u548C\u6C34\u5E73\u8FB9\u76F8\u5207\uFF08\u692D\u5706\uFF09\u3002"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:(0,l.jsx)(e.code,{children:"closest-corner"})}),(0,l.jsx)(e.td,{children:"\u6E10\u53D8\u7684\u8FB9\u7F18\u5F62\u72B6\u4E0E\u5BB9\u5668\u8DDD\u79BB\u6E10\u53D8\u4E2D\u5FC3\u70B9\u6700\u8FD1\u7684\u4E00\u4E2A\u89D2\u76F8\u4EA4\u3002"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:(0,l.jsx)(e.code,{children:"farthest-side"})}
1),(0,l.jsx)(e.td,{children:"\u4E0Eclosest-side\u76F8\u53CD\uFF0C\u8FB9\u7F18\u5F62\u72B6\u4E0E\u5BB9\u5668\u8DDD\u79BB\u6E10\u53D8\u4E2D\u5FC3\u70B9\u6700\u8FDC\u7684\u4E00\u8FB9\u76F8\u5207\uFF08\u6216\u6700\u8FDC\u7684\u5782\u76F4\u548C\u6C34\u5E73\u8FB9\uFF09\u3002"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:(0,l.jsx)(e.code,{children:"farthest-corner"})}),(0,l.jsx)(e.td,{children:"\u6E10\u53D8\u7684\u8FB9\u7F18\u5F62\u72B6\u4E0E\u5BB9\u5668\u8DDD\u79BB\u6E10\u53D8\u4E2D\u5FC3\u70B9\u6700\u8FDC\u7684\u4E00\u4E2A\u89D2\u76F8\u4EA4\u3002(\u8DDD\u79BB\u5F53\u524D\u6E10\u53D8\u4E2D\u5FC3\u70B9\u6700\u8FDC\u7684\u4E00\u4E2A\u70B9\uFF0C\u4F5C\u4E3A0%\u5230100%\u7684\u8DDD\u79BB)"})]})]})]}),"\n",(0,l.jsx)(e.h3,{id:"mask",children:"mask"}),"\n",(0,l.jsx)(e.p,{children:"\u80CC\u666F\u906E\u7F69\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BE5\u65B9\u5F0F\u906E\u4F4F\u80CC\u666F\uFF0C\u53EA\u663E\u793A\u5BF9\u5E94\u80CC\u666F\u5185\u5BB9"}),"\n",(0,l.jsx)(e.p,{children:"\u80CC\u666F\u906E\u7F69\u62E5\u6709\u548C background \u7C7B\u4F3C\u7684\u5C5E\u6027"}),"\n",(0,l.jsx)(e.p,{children:"\u8005\u901A\u8FC7\u906E\u7F69\u6216\u8005\u88C1\u5207\u7279\u5B9A\u533A\u57DF\u7684\u56FE\u7247\u7684\u65B9\u5F0F\u6765\u9690\u85CF\u4E00\u4E2A\u5143\u7D20\u7684\u90E8\u5206\u6216\u8005\u5168\u90E8\u53EF\u89C1\u533A\u57DF\u3002"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:".box {\n mask: url(/static/media/chrome.4c57086589fd964c05f5.svg);\n background-color:cyan;\n}\n"})}),"\n",(0,l.jsx)(e.h2,{id:"\u9634\u5F71",children:"\u9634\u5F71"}),"\n",(0,l.jsx)(e.p,{children:"\u4E3A\u5185\u5BB9\u6DFB\u52A0\u9634\u5F71\uFF0C\u7A81\u51FA\u5C42\u6B21\u6548\u679C"}),"\n",(0,l.jsx)(e.h3,{id:"text-shadow",children:"text-shadow"}),"\n",(0,l.jsx)(e.p,{children:"\u6587\u5B57\u7684\u9634\u5F71\uFF1A"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"text-shadow: 1px 1px 5px red;\n/* \u4F4D\u7F6E\u504F\u79FB \u6A21\u7CCA\u5EA6 \u989C\u8272 */\n"})}),"\n",(0,l.jsx)(e.p,{children:"\u6CE8\uFF1A\u9634\u5F71\u90E8\u5206\u989C\u8272\u9ED8\u8BA4\u548C\u6587\u5B57\u989C\u8272\u76F8\u540C"}),"\n",(0,l.jsx)(e.p,{children:"\u53EF\u4EE5\u8BBE\u7F6E\u591A\u4E2A\u9634\u5F71\uFF0C\u4EE5\u9017\u53F7\u8FDB\u884C\u5206\u5272"}),"\n",(0,l.jsx)(e.h3,{id:"box-shadow",children:"box-shadow"}),"\n",(0,l.jsxs)(e.blockquote,{children:["\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.a,{href:"https://www.joshwcomeau.com/css/designing-shadows/",children:"\u5982\u4F55\u753B\u4E00\u4E2A\u597D\u770B\u7684 box-shadow\uFF08\u82F1\u6587\uFF09"})}),"\n"]}),"\n",(0,l.jsx)(e.p,{children:"\u76D2\u5B50\u9634\u5F71\uFF1A"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"box-shadow:20px 20px 1px 20px red inset ;\n/* \u504F\u79FB\u4F4D\u7F6E \u6A21\u7CCA \u9634\u5F71\u6269\u5927\u5927\u5C0F \u989C\u8272 \u6DFB\u52A0 inset \u8F6C\u53D8\u4E3A\u5185\u9634\u5F71*/ \n"})}),"\n",(0,l.jsx)(e.p,{children:"spread \u53EF\u4EE5\u5B9A\u4E49\u76D2\u5B50\u7684\u8303\u56F4\uFF0C\u4F7F\u76D2\u5B50\u6269\u6563"}),"\n",(0,l.jsx)(e.p,{children:"inset \u6DFB\u52A0\u540E\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u5185\u9634\u5F71"}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsx)(e.li,{children:"\u5BF9\u4E8E\u9634\u5F71\u6765\u8BF4\uFF0C\u5C3D\u91CF\u76F8\u540C\u5C42\u7EA7\u7684\u5185\u5BB9\u4F7F\u7528\u76F8\u540C\u7684\u9634\u5F71"}),"\n",(0,l.jsx)(e.li,{children:"\u4E3A\u5206\u5C42\u9634\u5F71\u6DFB\u52A0\u52A8\u753B\u4E0D\u662F\u4E00\u4E2A\u597D\u4E3B\u610F"}),"\n",(0,l.jsx)(e.li,{children:"\u80CC\u666F\u4E3A\u5176\u4ED6\u989C\u8272\u65F6\uFF0C\u9634\u5F71\u989C\u8272\u5E94\u4E3A\u80CC\u666F\u989C\u8272\uFF0C\u6DFB\u52A0\u7070\u5EA6"}),"\n"]}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-html",children:'\x3c!-- \u80CC\u666F\u989C\u8272\u4E3A\u84DD\u8272\u65F6 --\x3e\n<div class="box black1">\u6DFB\u52A0\u9ED1\u8272\u9634\u5F71</div>\n<div class="box black2">\u6DFB\u52A0\u6DF1\u84DD\u8272\u9634\u5F71</div>\n<div class="box black3">\u9634\u5F71\u6DFB\u52A0\u7070\u5EA6</div>\n<style>\n body {\n background-color: hsl(220deg 100% 80%);\n }\n .box {\n height: 200px;\n width: 200px;\n margin: 60px;\n background-color: pink;\n filter: drop-shadow(1px 2px 8px var(--shadow-color))\n }\n .black1 {\n --shadow-color: hsl(0deg 0% 0%)\n }\n .black2 {\n --shadow-color: hsl(220deg 100% 50%)\n }\n .black3 {\n --shadow-color: hsl(220deg 60% 50%)\n }\n</style>\n'})}),"\n",(0,l.jsx)(e.h2,{id:"\u76D2\u5B50\u8868\u73B0",children:"\u76D2\u5B50\u8868\u73B0"}),"\n",(0,l.jsx)(e.h3,{id:"aspect-ratio",children:"aspect-ratio"}),"\n",(0,l.jsxs)(e.p,{children:["\u76D2\u5B50\u89C4\u5B9A\u4E86",(0,l.jsx)(e.strong,{children:"\u9996\u9009\u7EB5\u6A2A\u6BD4"}),"\uFF0C\u8FD9\u4E2A\u7EB5\u6A2A\u6BD4\u53EF\u4EE5\u7528\u4E8E\u8BA1\u7B97 auto \u5C3A\u5BF8\u4EE5\u53CA\u5176\u4ED6\u5E03\u5C40\u51FD\u6570\u3002"]}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:".element{\n aspect-ratio:auto;\n}\n"})}),"\n",(0,l.jsx)(e.p,{children:"###\u3000clip-path"}),"\n",(0,l.jsx)(e.p,{children:"\u7528\u4E8E\u526A\u5207\u80CC\u666F\u56FE\u7247\uFF0C\u5F97\u5230\u5BF9\u5E94\u7684\u56FE\u5F62\u3002"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"/* \u88C1\u5207\u6210\u591A\u8FB9\u5F62 */\n.triangle {\n clip-path: polygon(0 0,0 100%,100% 0)\n}\n/* \u88C1\u5207\u6210\u5706\u5F62 */\n.circle{\n clip-path: circle();\n}\n/* \u88C1\u5207\u6210\u692D\u5706 */\nclip-path: ellipse();\n/* \u88C1\u5207\u6210\u56FA\u5B9A\u5927\u5C0F */\nclip-path: border-box;clip-path: padding-box;clip-path: content-box;\n"})}),"\n",(0,l.jsx)(e.h3,{id:"cursor",children:"cursor"}),"\n",(0,l.jsx)(e.p,{children:"cursor\uFF08\u624B\u52BF\uFF09\uFF1A\u63A7\u5236\u9F20\u6807\u79FB\u52A8\u5230\u8BE5\u5143\u7D20\u4E0A\u9762\u65F6\u7684\u9F20\u6807\u6837\u5F0F"}),"\n",(0,l.jsxs)(e.table,{children:[(0,l.jsx)(e.thead,{children:(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.th,{children:"\u503C"}),(0,l.jsx)(e.th,{children:"\u4F5C\u7528"})]})}),(0,l.jsxs)(e.tbody,{children:[(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"pointer"}),(0,l.jsx)(e.td,{children:"\u5149\u6807\u5448\u73B0\u4E3A\u6307\u793A\u94FE\u63A5\u7684\u6307\u9488\uFF08\u4E00\u53EA\u624B\uFF09"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"move"}),(0,l.jsx)(e.td,{children:"\u4E0A\u4E0B\u5DE6\u53F3\u7684\u7BAD\u5934"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"progress"}),(0,l.jsx)(e.td,{children:"\u6B63\u5728\u52A0\u8F7D"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"wait"}),(0,l.jsx)(e.td,{children:"\u7B49\u5F85"})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"text"}),(0,l.jsx)(e.td,{children:"\u6587\u672C\u9009\u62E9\u60AC\u505C"})]})]})]}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"\u81EA\u5B9A\u4E49"})}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsxs)(e.li,{children:["\n",(0,l.jsx)(e.p,{children:"\u51C6\u5907\u56FE\u7247\uFF08\u540E\u7F00\u540D\u4E3A cur \u6216\u8005 ico\uFF09"}),"\n"]}),"\n",(0,l.jsxs)(e.li,{children:["\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.code,{children:'cursor: url("./img/favicon.ico") auto;'})}),"\n"]}),"\n"]}),"\n",(0,l.jsx)(e.h3,{id:"scroll-behavior",children:"scroll-behavior"}),"\n",(0,l.jsxs)(e.p,{children:["\u6EDA\u52A8\u8868\u73B0\uFF0C",(0,l.jsx)(e.code,{children:"scroll-behavior"})]}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsxs)(e.li,{children:[(0,l.jsx)(e.code,{children:"auto"}),"\uFF1A\u6EDA\u52A8\u6846\u7ACB\u5373\u6EDA\u52A8"]}),"\n",(0,l.jsxs)(e.li,{children:[(0,l.jsx)(e.code,{children:"smooth"}),"\uFF1A\u901A\u8FC7\u7528\u6237\u9884\u5B9A\u4E49\u6EDA\u52A8\u51FD\u6570\uFF0C\u65F6\u957F\uFF0C\u6765\u5B9E\u73B0\u5E73\u7A33\u6EDA\u52A8"]}),"\n"]}),"\n",(0,l.jsx)(e.h3,{id:"scroll-snap-type",children:"scroll-snap-type"}),"\n",(0,l.jsx)(e.p,{children:"\u6EDA\u52A8\u8D34\u9760\u7684\u7C7B\u578B\uFF08\u4F8B\u5982\u79FB\u52A8\u7AEF\u4E0A\u7684\u65E5\u671F\u65F6\u95F4\u9009\u62E9\u4E5F\u4F1A\u7528\u5230\u6EDA\u52A8\u8D34\u9760\uFF09\u6216\u8005\u662F\u56FE\u7247\u7684\u5C55\u793A\u9875\u9762"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-scss",children:".snaps {\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n overscroll-behavior-x: contain;\n}\n\n.snap-target {\n scroll-snap-align: center;\n}\n\n.snap-force-stop {\n scroll-snap-stop: always;\n}\n"})}),"\n",(0,l.jsx)(e.h2,{id:"\u6EE4\u955C",children:"\u6EE4\u955C"}),"\n",(0,l.jsx)(e.h3,{id:"filter",children:"filter"}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"blur \u6A21\u7CCA"})}),"\n",(0,l.jsx)(e.p,{children:"\u9AD8\u65AF\u6A21\u7CCA\u6EE4\u955C\uFF0C\u53EF\u4EE5\u901A\u8FC7\u6A21\u7CCA\u4F7F\u7528\u5C0F\u80CC\u666F\u56FE\u653E\u5927\u81F3\u8986\u76D6\u753B\u9762\uFF0C\u8FDB\u800C\u8282\u7701\u80CC\u666F\u56FE\u7684\u5927\u5C0F"}),"\n",(0,l.jsx)(e.p,{children:"\u4E5F\u53EF\u4EE5\u5148\u4F7F\u7528\u6A21\u7CCA\u56FE\u7247\uFF0C\u52A0\u8F7D\u5B8C\u6210\u540E\u4F7F\u7528\u5927\u56FE\uFF0C\u4EE5\u589E\u5F3A\u7528\u6237\u4F53\u9A8C"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"filter: blur(1px);\n"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"brightness(%)"})}),"\n",(0,l.jsx)(e.p,{children:"\u56FE\u50CF\u660E\u4EAE\u5EA6\u7684\u6EE4\u955C\uFF0C\u5982\u679C\u503C\u662F0%\uFF0C\u56FE\u50CF\u4F1A\u5168\u9ED1\u3002\u503C\u662F100%\uFF0C\u5219\u56FE\u50CF\u65E0\u53D8\u5316\u3002"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"filter: brightness(100%);\n"})}),"\n",(0,l.jsxs)(e.p,{children:[(0,l.jsx)(e.strong,{children:"contrast"}),"\uFF1A\u8C03\u6574\u56FE\u50CF\u7684\u5BF9\u6BD4\u5EA6"]}),"\n",(0,l.jsx)(e.p,{children:"\u503C\u662F 0% \u7684\u8BDD\uFF0C\u56FE\u50CF\u4F1A\u5168\u7070\u3002\u503C\u662F100%\uFF0C\u56FE\u50CF\u4E0D\u53D8\u3002\u503C\u53EF\u4EE5\u8D85\u8FC7100%\uFF0C\u610F\u5473\u7740\u4F1A\u8FD0\u7528\u66F4\u4F4E\u7684\u5BF9\u6BD4\u3002"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{children:"\u8C03\u6574\u56FE\u50CF\u7684\u5BF9\u6BD4\u5EA6\u3002\u503C\u662F0%\u7684\u8BDD\uFF0C\u56FE\u50CF\u4F1A\u5168\u7070\u3002\u503C\u662F100%\uFF0C\u56FE\u50CF\u4E0D\u53D8\u3002\u503C\u53EF\u4EE5\u8D85\u8FC7100%\uFF0C\u610F\u5473\u7740\u4F1A\u8FD0\u7528\u66F4\u4F4E\u7684\u5BF9\u6BD4\u3002\ncontrast(0)\n"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"grayscale(%)"})}),"\n",(0,l.jsx)(e.p,{children:"\u7070\u5EA6\u6EE4\u955C\uFF1A\u66F4\u6539\u56FE\u50CF\u7684\u7070\u5EA6\uFF0C\u503C\u5B9A\u4E49\u8F6C\u6362\u7684\u6BD4\u4F8B\u3002\u503C\u4E3A100%\u5219\u5B8C\u5168\u8F6C\u4E3A\u7070\u5EA6\u56FE\u50CF\uFF0C\u503C\u4E3A0%\u56FE\u50CF\u65E0\u53D8\u5316\u3002\u503C\u57280%\u5230100%\u4E4B\u95F4\uFF0C\u5219\u662F\u6548\u679C\u7684\u7EBF\u6027\u3002"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"filter:grayscale(1)\n"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"opacity(%)"})}),"\n",(0,l.jsx)(e.p,{children:"\u900F\u660E\u6EE4\u955C\uFF1A"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{children:"\u503C\u5B9A\u4E49\u8F6C\u6362\u7684\u6BD4\u4F8B\u3002\u503C\u4E3A0%\u5219\u662F\u5B8C\u5168\u900F\u660E\uFF0C\u503C\u4E3A100%\u5219\u56FE\u50CF\u65E0\u53D8\u5316\u3002\u503C\u57280%\u548C100%\u4E4B\u95F4\uFF0C\u5219\u662F\u6548\u679C\u7684\u7EBF\u6027\u4E58\u5B50\uFF0C\u4E5F\u76F8\u5F53\u4E8E\u56FE\u50CF\u6837\u672C\u4E58\u4EE5\u6570\u91CF\u3002 \n"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"invert(%)"})}),"\n",(0,l.jsx)(e.p,{children:"\u53CD\u8F6C\u6EE4\u955C\uFF1A\u503C\u5B9A\u4E49\u8F6C\u6362\u7684\u6BD4\u4F8B\u3002100%\u7684\u4EF7\u503C\u662F\u5B8C\u5168\u53CD\u8F6C\u3002\u503C\u4E3A0%\u5219\u56FE\u50CF\u65E0\u53D8\u5316\u3002"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"filter: invert(100%); /* \u56FE\u7247\u4F1A\u53D8\u4E3A\u53CD\u7247 */\nfilter: invert(50%); /* \u56FE\u7247\u4F1A\u5B8C\u5168\u53D8\u4E3A\u7070\u8272 */ \n"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsxs)(e.strong,{children:["hue-rotate(",(0,l.jsx)(e.em,{children:"deg"}),")"]})}),"\n",(0,l.jsx)(e.p,{children:"\u56FE\u50CF\u8272\u76F8\u6EE4\u955C\uFF1A\u8C03\u6574\u8272\u73AF\u89D2\u5EA6\u503C\u3002\u5219\u56FE\u50CF\u65E0\u53D8\u5316\u3002\u82E5\u503C\u672A\u8BBE\u7F6E\uFF0C\u9ED8\u8BA4\u503C\u662F 0deg\u3002"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"filter:hue-rotate(60deg)\n"})}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"drop-shadow"})}),"\n",(0,l.jsx)(e.p,{children:"\u56FE\u50CF\u9634\u5F71\u6EE4\u955C\uFF1A\u540C\u6837\u5B9E\u73B0\u9634\u5F71\uFF0C\u4F46\u662F drop-shadow \u7684\u9634\u5F71\u4E0D\u4F1A\u5305\u62EC\u4E0D\u53EF\u89C1\u90E8\u5206\uFF08\u900F\u660E\u533A\u57DF\uFF09\u7684\u5F71\u5B50"}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"sepia"})}),"\n",(0,l.jsx)(e.p,{children:"\u6DF1\u8910\u8272\u6EE4\u955C"}),"\n",(0,l.jsx)(e.p,{children:(0,l.jsx)(e.strong,{children:"saturate"})}),"\n",(0,l.jsx)(e.p,{children:"\u9971\u548C\u5EA6\u6EE4\u955C"}),"\n",(0,l.jsx)(e.h3,{id:"backdrop-filter",children:"backdrop-filter"}),"\n",(0,l.jsxs)(e.p,{children:[(0,l.jsx)(e.code,{children:"filter"})," \u662F\u4F5C\u7528\u4E8E\u5143\u7D20\u672C\u8EAB\uFF0C\u800C ",(0,l.jsx)(e.code,{children:"backdrop-filter"})," \u662F\u4F5C\u7528\u4E8E\u5143\u7D20\u80CC\u540E\u7684\u533A\u57DF\u6240\u8986\u76D6\u7684\u6240\u6709\u5143\u7D20\u3002"]}),"\n",(0,l.jsxs)(e.p,{children:["\u6240\u4EE5 ",(0,l.jsx)(e.code,{children:"backdrop-filter"})," \u4F7F\u7528\u65F6\uFF0C\u901A\u5E38\u4F34\u968F\u7740\u80CC\u666F\u7684\u900F\u660E\u3002"]}),"\n",(0,l.jsx)(e.p,{children:"\u548C filter \u652F\u6301\u540C\u79CD\u6EE4\u955C"}),"\n",(0,l.jsx)(e.h3,{id:"\u5E94\u7528",children:"\u5E94\u7528"}),"\n",(0,l.jsx)(e.p,{children:"\u901A\u8FC7\u5BF9\u6BD4\u5EA6\u6EE4\u955C\u628A\u9AD8\u65AF\u6A21\u7CCA\u7684\u6A21\u7CCA\u8FB9\u7F18\u7ED9\u5E72\u6389\uFF0C\u5229\u7528\u9AD8\u65AF\u6A21\u7CCA\u5B9E\u73B0\u878D\u5408\u6548\u679C\u3002"}),"\n",(0,l.jsxs)(e.ul,{children:["\n",(0,l.jsx)(e.li,{children:"\u4FDD\u8BC1\u80CC\u666F\u9AD8\u5BF9\u6BD4\u5EA6\uFF1Acontrast"}),"\n",(0,l.jsx)(e.li,{children:"\u4FDD\u8BC1\u4E0A\u9762\u7684\u5185\u5BB9\u8981\u6A21\u7CCA\uFF1Ablur"}),"\n"]}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-html",children:'<style>\n .container {\n background-color: azure;\n height: 100vh;\n filter: contrast(20)\n }\n .box {\n border-radius: 50%;\n position: absolute;\n left: 50%;\n top: 50%;\n filter: blur(10px);\n background-color: #000;\n transform: translate(-50%, -50%);\n }\n .box1 {\n height: 80px;\n width: 80px;\n animation: moveToRight 4s infinite;\n }\n .box2 {\n height: 160px;\n width: 160px;\n }\n @keyframes moveToRight {\n 50% { left: 40% }\n }\n</style>\n<body>\n <div class="container">\n <div class="box box2"> </div>\n <div class="box box1"> </div>\n </div>\n</body>\n'})}),"\n",(0,l.jsx)(e.h2,{id:"\u6EDA\u52A8\u680F\u6837\u5F0F",children:"\u6EDA\u52A8\u680F\u6837\u5F0F"}),"\n",(0,l.jsxs)(e.blockquote,{children:["\n",(0,l.jsx)(e.p,{children:"\u53EA\u6709\u8C37\u6B4C\u3001 edge \u6D4F\u89C8\u5668\u652F\u6301\u8BBE\u7F6E\u6EDA\u52A8\u680F\u6837\u5F0F"}),"\n"]}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-css",children:"/* \u8BBE\u7F6E\u6EDA\u52A8\u6761\u5BBD\u5EA6 */\n::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n border-radius: 5px;\n}\n\n/* \u8BBE\u7F6E\u6EDA\u52A8\u6761\u989C\u8272 */\n::-webkit-scrollbar-thumb {\n background-color: rgb(150, 150, 150);\n border-radius: 5px;\n}\n/* \u6EDA\u52A8\u6761\u7684\u5E95\u8272 */\n::-webkit-scrollbar-track {\n background-color: rgb(235, 235, 235);\n}\n/* \u9690\u85CF\u4E24\u7AEF\u7684\u70B9\u51FB\u529F\u80FD */\n::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n}\n"})}),"\n",(0,l.jsx)(e.h2,{id:"\u6EDA\u52A8\u6355\u6349",children:"\u6EDA\u52A8\u6355\u6349"}),"\n",(0,l.jsx)(e.p,{children:"\u4FDD\u8BC1\u6BCF\u6B21\u6EDA\u52A8\uFF0C\u4F1A\u5207\u6362\u4E00\u6574\u4E2A\u5185\u5BB9\uFF0C\u4E0D\u4F1A\u53EA\u5207\u6362\u4E00\u534A"}),"\n",(0,l.jsx)(e.pre,{children:(0,l.jsx)(e.code,{className:"language-scss",children:"/* \u6EDA\u52A8\
1u65F6\u53EA\u80FD\u6EDA\u52A8\u5230\u56FA\u5B9A\u7684\u70B9 */\n/* \u7236\u5143\u7D20\u8BBE\u7F6E\uFF1A */\n.father{\nscroll-snap-type: x mandatory;\n}\n/* \u5B50\u5143\u7D20\u8BBE\u7F6E\uFF1A */\n.child{\n scroll-snap-align: center\n}\n //start center end//\n"})}),"\n",(0,l.jsx)(e.h2,{id:"\u53C2\u8003\u6587\u7AE0",children:"\u53C2\u8003\u6587\u7AE0"}),"\n",(0,l.jsxs)(e.table,{children:[(0,l.jsx)(e.thead,{children:(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.th,{children:"\u6587\u7AE0\u4F5C\u8005"}),(0,l.jsx)(e.th,{children:"\u8FDE\u63A5"})]})}),(0,l.jsxs)(e.tbody,{children:[(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"\u975E\u4F18\u79C0\u7A0B\u5E8F\u5458"}),(0,l.jsx)(e.td,{children:(0,l.jsx)(e.a,{href:"https://juejin.cn/post/7034323356459466760",children:"https://juejin.cn/post/7034323356459466760"})})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"chokcoco"}),(0,l.jsx)(e.td,{children:(0,l.jsx)(e.a,{href:"https://github.com/chokcoco/iCSS/issues/147",children:"https://github.com/chokcoco/iCSS/issues/147"})})]}),(0,l.jsxs)(e.tr,{children:[(0,l.jsx)(e.td,{children:"MDN"}),(0,l.jsx)(e.td,{children:(0,l.jsx)(e.a,{href:"https://developer.mozilla.org/zh-CN/docs/Web/CSS/gradient/conic-gradient",children:"MDN \u5B98\u65B9\u6587\u6863"})})]})]})]})]})}function o(n={}){let{wrapper:e}={...(0,c.a)(),...n.components};return e?(0,l.jsx)(e,{...n,children:(0,l.jsx)(a,{...n})}):a(n)}},97806:function(n,e,r){r.d(e,{Z:()=>i,a:()=>d});var s=r(75271);let l={},c=s.createContext(l);function d(n){let e=s.useContext(c);return s.useMemo(function(){return"function"==typeof n?n(e):{...e,...n}},[e,n])}function i(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(l):n.components||l:d(n.components),s.createElement(c.Provider,{value:e},n.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.