В общем, заинтересовала такая вещь:
Раз есть картинки для выбора фона, то может их сделать анимированными, чтобы саму картинку можно было увидеть чуть больше, чем маленький квадратик.
делаем это проще простого и целых 2 простых варианта:
1) через каскадные стили без плавняшек:
CSS:
Код
<style type=text/css>
.transition-scale {
cursor: pointer;
transition: 1s linear;
//от цифорки будет значить как долго туда-сюда будет ёрзать картинка
}
.transition-scale:hover {
-webkit-transform: scale(1.5);
transform: scale(1.5);
//от цифорок будет значить во сколько раз увеличиться картиночка
}
</style>
Http:
Код
<div class="transition-scale" class='left'........
2) через onmouseover без плавняшек:
Http:
Код
<img width="XXX" height="YYY" src="URL"onmouseover="this.width=X;this.height=Y"
//X,Y - цифорки в пикселях большой картинки при наведении
onmouseout="this.width=XXX;this.height=YYY">
//XXX,YYY - цифорки в пикселях маленькой картинки при убирании курсора с картиночки