酪梨CSS 🥑
我剛好想到所以他就叫酪梨
⚡️ SU 將幫你在極短時間内建構出基本的css畫面。
💸 自己寫css很辛苦? 那麼,您可以直接使用這個css,僅需填寫 classname 即可。
💥 想深入了解嗎? 看看下面表格的基本功能特性吧!
💅 不要吝嗇推薦我其他的css靈感!
🧐 Avocado Css 是一款沒什麼用的CSS。 但是應該能在某種程度上幫助你寫html寫得輕鬆一點
important
id0x.ga is Down for now, try to use avocado.sususu.su instead
CSS Link (☁️Cloudflare’s edge network)
<link rel="stylesheet" href="https://id0x.ga/css/avocado.css">
✨ 新版的CSS將已JS的方式載入,並且支援更多不同風格,因此不需要再使用link的方式載入了。
<script src="https://id0x.ga/avocado.js"></script>
| Class | 示範 | |
|---|---|---|
| 圓角背景(div) | card | Click |
| 透明輸入框 | tinput | Click |
| 保持置中 | mid | Click |
| 保持左邊 | left | |
| 保持右邊 | right | |
| 整個畫面正中心 | exact-mid | Click |
| 元素左右向內空白 | padX5 (10,15,20) | |
| 元素上下向內空白 | padXY (10,15,20) | |
| 元素向內空白 | pad5 (10,15,20) | |
| 元素左右向外空白 | marX5 (10,15,20) | |
| 元素上下向外空白 | marY5 (10,15,20) | |
| 元素向外空白 | mar5 (10,15,20) | |
| 顏色🟡🟠🔴 | green,black,white,blue.yellow.red | |
| 按鈕(目前1形式) | button-1 | Click |
Apple Human Interface Guidelines CSS
This css is made by codedgar
<link rel="stylesheet" href="https://id0x.ga/css/apple/newfull.css">