jxl-in-css:PostCSS插件以在CSS背景中使用JXL

时间:2024-05-19 15:12:42
【文件属性】:

文件名称:jxl-in-css:PostCSS插件以在CSS背景中使用JXL

文件大小:56KB

文件格式:ZIP

更新时间:2024-05-19 15:12:42

JavaScript

CSS中的JPEG XL 插件和微型JS脚本(150B) ,可在CSS背景中使用 使用此PostCSS插件,您可以在CSS背景中的使用JPEG XL图像格式,并回退到原始图像。 如何运作? 您将require('jxl-in-css')到JS捆绑包中,并编写CSS,例如: . logo { width : 80 px ; height : 80 px ; background-image : url (logo.jpg); } 该脚本将在<body>上设置jxl或no-jxl类,而PostCSS插件将生成: . logo { width : 80 px ; height : 80 px ; } body . jxl . logo { background-image : url (logo.jxl); } body . no-jxl . logo {


【文件预览】:
jxl-in-css-main
----polyfill.js(150B)
----.npmignore(75B)
----LICENSE(1KB)
----assets()
--------jpegxl.svg(2KB)
----test()
--------polyfill-jxl.test.js(418B)
--------index.test.js(3KB)
--------polyfill-no-jxl.test.js(399B)
----README.md(3KB)
----.editorconfig(147B)
----.gitignore(2KB)
----index.js(2KB)
----.eslintignore(12B)
----package-lock.json(181KB)
----package.json(1KB)

网友评论