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>

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

• Tag
• Animations
• Button
• CSS