今更ながら、親ボタンの周りに子ボタンを扇状に表示させてみる | バシャログ。

PSVR用『Beat Saber』が遂に発売されました！気分はジェダイで毎日ノリノリな kouraku です。 おはこんばんちは。 さてさて今回は、JS（jQuery）を使って、マテリアルデザインのFab（Floating Action Button）をクリックした時に、そのボタンの周りに子Fabが扇状に現れる、という動きを作ってみたいと思います。 今回作成する内容 親Fabをクリックすると、周辺に子Fabが扇状に表示。 子Fabが1個の時は親Fabの真上の位置(rotateZ(0))に表示。 子Fabが2個以上のとき、1番目の子Fabは親Fabの真上の位置、 最後の子Fabは親Fabの左側の位置(rotateZ(-90deg))、 間の子Fabは等間隔の位置(rotateZ(0〜90の間))に表示。 子Fabを扇状に表示させるには 例えば子Fabが2個あったとして、 1個目の子Fabを