CSS Art Gallery

珍珠奶茶手搖杯

Vue 3 互動式珍奶模擬器 — 調整奶蓋、牛奶、綠茶、紅茶、珍珠的比例，選擇你喜歡的杯型，調製屬於自己的一杯珍奶。

為自己調一杯珍奶

Vue.js 櫻花珍珠手搖杯

本產品已投保三千元產品責任險
店長推薦
四季奶青加珍珠

杯型選擇

成分調整





國外進口
京都風雲珍珠奶綠

杯型選擇

成分調整





國產好茶
日月潭奶蓋紅茶

杯型選擇

成分調整





冬季限定
暖心紅茶拿鐵

杯型選擇

成分調整





<div class="bubble-tea-container">
  <div class="beverage">
    <div class="handle top"></div>
    <div class="cup thermos">
      <div class="ingradients thermos-height">
        <div class="box">
          <div class="wave -one"></div>
          <div class="wave -two"></div>
          <div class="wave -three"></div>
        </div>
        <div class="foam" style="height: 10px;"></div>
        <div class="milk" style="height: 25px;"></div>
        <div class="green-tea" style="height: 25px;"></div>
        <div class="black-tea" style="height: 0px;"></div>
        <div class="bubbles"></div>
        <div class="bubbles"></div>
        <div class="bubbles"></div>
        <div class="bubbles"></div>
        <div class="bubbles"></div>
      </div>
    </div>
  </div>
  <p class="label">四季奶青加珍珠</p>
</div>
#CSS Art #Vue 3 #Interactive
Built with Threadspage