• IDEA

  • 2016.05.19

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

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

シネマグラフっぽい感じ

 

021

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

WRITER

石松豊 / がちゃーん

穏やかな音楽と、揺らぎのある風景と、祭があればよい。アンビエント/エレクトロニカなどが好きでプレイリストをよく作る。個人でプラネタリウムやカフェでコンセプト立てたライブイベントを企画するのが趣味。詳細プロフィールや活動実績はWORKSよりご覧ください。

ABOUT THIS BLOG

orange plus music
(オレンジプラスミュージック)

音楽とインターネットについて考える個人ブログ。最近は個人イベント情報の告知とレポートを中心に更新しています。詳しい活動はTwitterから。

RELATED

orange plus musicリニューアル!変更点やポイントをまとめました

2017.10.15

Twitter埋め込みタイムライン上部の「●●さんのツイート」をなくす方法

2016.10.02

canvasで横幅可変な正規分布曲線を描いてみた

2016.07.09

【あなたは何色?】IPアドレスを取得して動的にrgbaを表示させるjavascriptを書い...

2016.02.24

【WordPress】前後の記事のカテゴリ名を取得・表示させる方法

2015.05.08

PR