今回はお題として、 マウスポインタを重ねたときのテキストのアニメーションを取り上げたい。 「⁠Inspiration for Text Styles and Hover Effects」 を参考に、 3つほどつくってみた （サンプル1⁠）⁠。もちろん、 HTMLとCSSの構成はわかりやすく改め、 コードも ...

今回のお題は、 アニメーションするボタンだ。マウスポインタを重ねると追加情報が現れる （サンプル1⁠）⁠。 「⁠Animated Buttons」 の表現を参考にした。例によって、 HTMLとCSSの構成はわかりやすく改め、 コードも絞り込んである。 アニメーションに ...

フランスの建築事務所のWebサイト。 随所に使用されているアニメーション 美しい建築写真が、存在感のあるタイポグラフィとともに目に飛び込んでくるサイト「Studio Songes（ステュディオ・ソンジュ：スタジオ夢）」。ダイナミックなページ全体の動きに ...

ICTを駆使したプロダクトを紹介する、フランス企業のWebサイト。 サイトを彩る多彩なアニメーション フラットデザインをベースに、随所に気持ちいいアニメーションを取り入れている「Omnisense」。コンテンツごとに用意されているさまざまな ...