bata's log

フロントエンド系のTipsとかメモ

2014-08-04から1日間の記事一覧

CSS3でパラパラアニメ

スプライト画像を利用したCSS3を使ったパラパラアニメの作り方。 HTML <div class="anime"><img src="[画像のURL]" alt=""></div> SCSS .anime{ width: 160px; height: 300px; overflow: hidden; margin: 100px; img{ margin-top: 0; -webkit-animation-name: anime; -webkit-animation-duration: 1.0s; -webkit-anim…