Avocado CSS 🥑| Example

透明輸入框示範

important

一定要學會用!

預設的幾乎跟屎一樣💩

<link rel="stylesheet" href="https://id0x.ga/css/avocado.css">
<div class="mid width500 padY10 inter card">
   <h2>這是正常的輸入框</h2>
   <input type="text" placeholder="Input ur number"></input>
   <h2>這是修改後的輸入框</h2>
   <input type="text" class="tinput" placeholder="Input ur number"></input>
   <p>可以使用card的div包在他外面就變成好看的輸入框了!</p>
   <div class="card mid pad5" style="background-color:rgba(12,12,12,0.5);max-width:200px;">
       <input type="text" class="tinput" style="font-size:18px;" placeholder="Input ur number"></input>
   </div>
</div>

線上預覽

畫面太小看不清楚? 點我

---