【CSS】HTML、CSS、Javascriptで作成されたボタンコレクションButtons Collection

CSS

Buttons Collection

February 18, 2018

Buttons CollectionはHTML、CSS、Javascriptで作成されたボタンコレクション。

HTML

    <table>
      <tr>

        <!-- Ark.io Button -->
        <td>
          <div class="ark-button-front ark-button-size ark-button"> <p class="button-text">Ark.io</p>
            <div class="ark-button-back ark-button-size ark-button"></div>
          </div>
        </td>

        <!-- Arduino.cc Button -->
        <td>
          <div class="arduino-button-front arduino-button-size arduino-button"> <p class="button-text">Arduino.cc</p></div>
        </td>

        <!-- Modern Button -->
        <td>
          <button type="button" class="modern-button"> <p class="button-text">Modern</p> </button>
        </td>

        <!-- Cenfotec Button -->
        <td>
          <button type="button" class="cenfotec-button"> <p class="button-text">Cenfotec</p> </button>
        </td>

        <!-- Twitter Follow Button -->
        <td>
          <button type="button" class="follow-button"> <p class="button-text">Follow</p> </button>
        </td>

        <!-- Bottom Left-Right Button -->
        <td>
          <button type="button" class="bottomLR-button"> <p class="button-text">Left Right</p> </button>
        </td>

        <!-- Background Top-Bottom Button -->
        <td>
          <div class="backgroundTB-button-container">
            <button type="button" class="backgroundTB-button"> <p class="button-text">Top Bottom</p> </button>
          </div>
        </td>

      </tr>
    </table>

MIT

Latest Posts

Related Posts