3D background


Очень красивый эфект звездного неба... это просто!

Все гениальное просто...

<body>
	<div id="midground"></div>
	<div id="foreground"></div>
</body>

CSS стиль:

body {
	background: url(images/background.png) repeat 5% 5%;
}
#midground {
	background: url(images/midground.png) repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 997;
}
#foreground {
	background: url(images/foreground.png) repeat 90% 110%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 998;
}

Поскольку картинки в #foreground и #midground в формате png с прозрачностью, то этот эфект не будет виден в IE 6 и ниже... да и к черту! )

Ссылка: http://css-tricks.com/3d-parralax-background-effect/

  • Digg
  • del.icio.us
  • Facebook
  • В закладки Google
  • FriendFeed
  • LinkedIn
  • MySpace
  • Twitter
  • Google Buzz
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • БобрДобр
  • Добавить ВКонтакте заметку об этой странице

  1. Пока нет комментариев.
(никто не узнает)