CSSのtransitionは「状態変化」に使いますが、「独自の動きをデザインする」ためには @keyframes を使ったアニメーションが必要不可欠です。 本記事では、CSSアニメーションの核となる @keyframesの書き方・意味・活用・裏事情・設計術 まで、どこよりも詳しく ...

静止画を選びボタン1つでGIFアニメーションを作成したり、GIFアニメのサイズやスピード・前景色＆背景色を変更・透過するなど編集できたり、複数のGIFアニメを結合や、文字列を入力して簡単にGIFアニメ化することもできるのが「Animizer」です。 まずはGIF ...

連続した画像ファイルで一連の動きが付けられたアニメーションGIFを切り取ったり、明るさを変えたりといった編集が可能なオンラインツールが「Online GIF Tools」です。ブラウザで動作するこのGIF編集ツールを実際に使ってみました。 Online GIF Toolsのトップ ...

アニメーションGIFは、いわばインターネットのアートです。インターネットをちょっと切り取れば、ほら、出来上がり。あなたもこの楽しい遊びに参加してみませんか。 今回は、ビギナーから上級者まで、アニメーションGIFの作り方とオススメのツールを ...

「Toggle animated GIFs」は、アニメーションGIFファイルの再生をコントロールできるようにする「Firefox」用の拡張機能。「Firefox」v19.0以降に対応しており、編集部にてWindows 8.1上の「Firefox」v33.1.1で動作を確認した。ライブラリサイト“Add-ons for Firefox”から無償 ...