CSS To Tailwind
Convert a website's styles to Tailwind CSS classes
什麼是CSS To Tailwind？
CSS To Tailwind是由iamnyasha開發的Chrome擴展程式，該擴展的主要功能是“Convert a website's styles to Tailwind CSS classes”。
擴展截圖
下載CSS To Tailwind擴展crx文件
下載CSS To Tailwind擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
Automatically convert a website's CSS into TailwindCSS classes. Missing styles are added as arbitrary values.
Easy as:
1. Click the extension icon
2. Hover on the element you want to convert
3. Right click to copy the class names to clipboard
Features:
1. Hover an element to view its converted TailwindCSS Classes
2. Shows you which styles are missing from TailwindCSS
3. Copy just the class names or grab the entire element CSS styles
Short-comings:
1. Uses Document.styleSheets behind the scenes and stylesheets on different domains will not be taken into account 擴展基本資訊
| 名稱 |  CSS To Tailwind |
| ID | jlmlldiahhaejpjnonbddoniicdemakl |
| 官方網址 | https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl |
| 簡介 | Convert a website's styles to Tailwind CSS classes |
| 檔案大小 | 182 KB |
| 安裝次數 | 3,905 |
| 目前版本 | 2.2.1 |
| 更新時間 | 2023-09-24 |
| 上架時間 | 2021-06-08 |
| 評分 | 3.85/5 共 20 次評分 |
| 開發者 | iamnyasha |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"icons": {
"16": "icon16.plasmo.6c567d50.png",
"32": "icon32.plasmo.76b92899.png",
"48": "icon48.plasmo.aced7582.png",
"64": "icon64.plasmo.8bb5e6e0.png",
"128": "icon128.plasmo.3c1ed2d2.png"
},
"manifest_version": 3,
"action": {
"default_icon": {
"16": "icon16.plasmo.6c567d50.png",
"32": "icon32.plasmo.76b92899.png",
"48": "icon48.plasmo.aced7582.png",
"64": "icon64.plasmo.8bb5e6e0.png",
"128": "icon128.plasmo.3c1ed2d2.png"
}
},
"version": "2.2.1",
"author": "Richard Kaseke. | |
