Multiple backgrounds

HTML
<div class="space"></div>
CSS
.space{ /* Установка разделённого запятыми списка бэкграундов */ background: url('http://demo.tutorialzine.com/2013/10/css3-features-you-can-finally-use/assets/img/rocket_big.png') no-repeat 35% 130px, url('http://demo.tutorialzine.com/2013/10/css3-features-you-can-finally-use/assets/img/space.jpg') no-repeat 0 center; width:250px; height:250px; margin: 0 auto; border-radius:50%; /* Анимированная позиция для обоих бэкграундов */ transition:background-position 1s; } .space:hover{ background-position:35% 20px, top right; }
JAVASCRIPT
Expand for more options Login