???????? ?????? ???? ??? SCSS? @property ??? ?????.
??????? ?? ???? ? ??? ??? ? ?? ??? ????
?????? ?? ??? https://codepen.io/shshaw/pen/RwJwJJx
? ????.?? property
??? ??? ??? ??? ? ??? ?? ???? ??? ??????
???? ?? ??? ??? styled-components
一起使用,盡管瀏覽器似乎支持 @property
?? ???? ? ????.
??? ?? ??? ????. ?? ?? Chrome??? ????? ?? Firefox??? ???? ???? ????? ?????? ???? ????. @property
? ???? ?? ??? ??? ?? ??? ??? ???? Firefox??? ?????. ??? ??? ?? ??? ???:
(?? ?? ??? ???? ????).
?? ??? ??? ?? ??? ???? ????????: @property
stackblitz
? ?? ????? ?????? ???? ????). @property
的替代版本進(jìn)行比較,它使用偽元素并添加了子 div
來(lái)在 styled-components
???
? ?? ?? ??? ????. ? ??? ?? ??? ???? ?? div
? ???? ??? ?? ??
?? ?????? ?? ????.
??? ??:
(Firefox??? ???). @property
是較新的標(biāo)準(zhǔn) CSS。有關(guān) @property
???
?? ???, ? ?? ?? CSS???. p>? ?? ??? ?? ??? ??MDN??? ?????. ??