CSS

【CSS】ボタンのCSSフレームワークFlower.css

October 15, 2017
flower.css

Flower.cssはボタンのCSSフレームワーク。

インストール

<link rel="stylesheet" href="flower.css" />
<link rel="stylesheet" href="flower.min.css" />
<link rel="stylesheet" href="https://sevenzzw.github.io/flower.css/flower.css" />

ボタンのスタイルを追加

<a class="button cloBetween" href="#" role="button">Flower</a>
<a class="button AlternateX" href="#" role="button">Flower</a>
<a class="button AlternateY" href="#" role="button">Flower</a>

サイズ

<a class="button Ball-min" href="#" role="button">Flower</a>
<a class="button Ball" href="#" role="button">Flower</a>
<a class="button Ball-max" href="#" role="button">Flower</a>

Class Name

  1. inLeft
  2. inUp
  3. inRight
  4. inDown
  5. inupLeft
  6. inupRight
  7. indownLeft
  8. indownRight
  9. cloBetween
  10. cloAngle
  11. cloTangent
  12. cloX
  13. cloY
  14. Roll
  15. Ball
  16. Elastic
  17. Schedule
  18. Across
  19. AlternateX
  20. AlternateY
  21. Jelly

Demo/Download