背景画像を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
![bakcground-sizeをtransition](https://cdn-ak-scissors.b.st-hatena.com/image/square/686db85e78a06584781b8502c0c15a0ca1f68fa5/height=288;version=1;width=512/https%3A%2F%2Fhail2u.net%2Fimg%2Fblog%2Fbackground-size-transition.png)