css mask

cssアニメーションで実装しています。javascriptは使っていません。

背景色が透明の要素(div)が回転しています。要素の外側にbox-shadowで半透明の黒い色をつけています。今1000vwとなってる所を10vwとかに変更してみると、なるほど〜と思うはずです。

コーディングで使用しているvwという単位はビューポートの幅に対する割合の単位です。

カスタマイズ次第で、なんか使えそうなテクニックですね〜。

写真は2012 5月サーフトリップ 南房総平沙浦

参考サイト http://codepen.io/ksksoft/pen/vEXGdW

リンク元 manakaa.com