CSSでシネマグラフは作れる?

web制作

cinemagraphs

シネマグラフを作ってみたくなったのでwebで表現してみました。
 

シネマグラフっぽい感じ

 

021

 
pngの画像3つ重ねて真ん中の風車だけCSSで回転させています。
風車がサムネイルと若干違うのは気にしないでください。仕様です。
 
ちなみにここは小豆島のオリーブ公園。地中海のような温暖気候と綺麗な海がある最高な場所です。
 
あとまだ配信されていませんが、FacebookのInstant Articlesではうまく表示されません。残念。
シネマグラフって、もっとメディアとか広告枠で見かけてもいいんだよねー。

cinemagraphs

この記事が気に入ったら
いいね!しよう

orange plus music
の最新情報をお届けします

このブログを書いている人
石松 豊 (がちゃーん)

デジタルマーケティング会社からweb制作/メディアの会社へ。個人でも主に音楽関連の広告やサイト制作の仕事をしています。インターネットで音楽をもっとおもしろくしたい。

そのほか情報やご連絡はABOUTページからどうぞ。

profile

広告