Zhangxuxin | 张鑫旭

Here, here, CSS :has() pseudo-class here she comes

Original link: https://www.zhangxinxu.com/wordpress/2022/08/css-has-pseudo-class/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10505 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. Background and summary of the story The :has() pseudo-class is …

Here, here, CSS :has() pseudo-class here she comes Read More »

JS replaceAll and matchAll usage guidelines do not point north

Original link: https://www.zhangxinxu.com/wordpress/2022/08/js-replaceall-matchall/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10499 Xin Space-Xin Life This article welcomes sharing and aggregation. There is no need to reprint the full text. The copyright is respected. The circle is so large. If you need it urgently, you can contact for authorization. First, let’s talk about replaceAll The replaceAll API is a new …

JS replaceAll and matchAll usage guidelines do not point north Read More »

Everything can be clip-path, pure CSS draws 0-9 numbers

Original link: https://www.zhangxinxu.com/wordpress/2022/07/clip-path-css-number/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10490 Xin Space-Xin Life This article welcomes sharing and aggregation. There is no need to reprint the full text. The copyright is respected. The circle is so large. If you need it urgently, you can contact for authorization. 1. Serve directly I thought about it before, and then I …

Everything can be clip-path, pure CSS draws 0-9 numbers Read More »

super cool! CSS font-palette and color font display

Original link: https://www.zhangxinxu.com/wordpress/2022/07/css-font-palette/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10478 Xin Space-Xin Life This article welcomes sharing and aggregation. There is no need to reprint the full text. The copyright is respected. The circle is so large. If you need it urgently, you can contact for authorization. 1. Understanding Color Fonts The so-called colored fonts refer to those …

super cool! CSS font-palette and color font display Read More »

Why is CSS typography strong? Look at Duo Niu, this newline

Original link: https://www.zhangxinxu.com/wordpress/2022/06/css-line-break-word-wrap-all/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10470 Xin Space-Xin Life This article welcomes sharing and aggregation. There is no need to reprint the full text. The copyright is respected. The circle is so large. If you need it urgently, you can contact for authorization. The CSS language has a variety of CSS properties and values …

Why is CSS typography strong? Look at Duo Niu, this newline Read More »

Text-based URL anchor positioning and ::target-text styling

Original link: https://www.zhangxinxu.com/wordpress/2022/06/url-anchor-target-text/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10447 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. Locate a sentence on the page The anchor positioning we …

Text-based URL anchor positioning and ::target-text styling Read More »

Introduce a small coup that makes CSS variable undefined syntax OK

Original link: https://www.zhangxinxu.com/wordpress/2022/06/css-var-optional-empty-hack/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10440 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. First, look at the case On page P30 of “CSS World”, …

Introduce a small coup that makes CSS variable undefined syntax OK Read More »

How to achieve the page refresh without positioning to the previous scroll position?

Original link: https://www.zhangxinxu.com/wordpress/2022/05/history-scrollrestoration/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10425 Xin Space-Xin Life This article welcomes sharing and aggregation. There is no need to reprint the full text. The copyright is respected. The circle is so large. If you need it urgently, you can contact for authorization. 1. Browser default behavior No matter which browser it is, there …

How to achieve the page refresh without positioning to the previous scroll position? Read More »

JS and barcode generation

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10402 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. Use this Github project JS generates barcode: https://github.com/lindell/JsBarcode The official provides a real-time …

JS and barcode generation Read More »