bakcground-sizeをtransition背景画像をbackground-sizeプロパティーで縦横サイズを制限して敷き詰めるというのは昔id:hitode909がやってた。それをCSS Transitionsで元のサイズに戻したらどうなるかなーとやってみたらそこそこ面白かった。きっかけは96x96.netを見たことで、こっちはborder-imageプロパティーを組み合わせていて、widthプロパティーをtransitionしている。 Demo: background-size Transition CSSは至って普通。background-positionプロパティーでセンタリングすると中央からブワッとなる。どちらかというと縦に並べた方がカッコイイ気がする。 .test { width: 640px; /* 背景画像の横幅 */ height: 360px; /* 背景画像の縦幅 */ background-image: ur
はてなブログ | 無料ブログを作成しよう
