CSS Art Gallery

タピオカミルクティーシェイカーカップ

Vue 3 インタラクティブなタピオカミルクティーシミュレーター — ミルクフォーム、牛乳、緑茶、紅茶、タピオカの比率を調整して、自分好みのカップを選び、オリジナルのタピオカドリンクを作ろう。

載入中… 
<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