ITハットMENUすべてのカテゴリーWeb制作93仕事効率化4Electron32015.10.13CSSとjQueryでアニメーション付きのYoutube再生ボタンを作るYoutubeの再生ボタンはSVGでできていて、非常に滑らかにアニメーションします。これをCSSだけで作ったので紹介したいと思います。jQueryもほんの少しだけ使っていますが、クラスを付けたり消したりするためだけに使いました。デモクリックすると再生ボタンの形になります。それぞれ左、右部分に対応しています。秒数をもう少し変えたほうがいいかもしれません。}}SCSSを使えば、自動的に計算されるので、簡単にサイズ変更が可能です。17行目の変数の値を設定するだけであとは自動的に計算されます。