Вращение веб-страницы средствами CSS3. Первым это показал Google с поисковым
запросом do a barrel roll. Имитирует фигуру высшего пилотажа "бочка". Технически - это CSS3. Как можно сделать
то же самое для любого сайта:
Подключить сайт на странице через iframe и задать вращение в CSS
Базовые описания CSS:
@-webkit-keyframes roll {
from { -webkit-transform: rotate(0deg) }
to { -webkit-transform: rotate(360deg) }
}
@-moz-keyframes roll {
from { -moz-transform: rotate(0deg) }
to { -moz-transform: rotate(360deg) }
}
@keyframes roll {
from { transform: rotate(0deg) }
to { transform: rotate(360deg) }
}
body {
-moz-animation-name: roll;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: 1;
-webkit-animation-name: roll;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
}
html, body, div, iframe
{ margin:0; padding:0; height:100%; overflow:hidden;}
iframe {width:100%; border:0; }
Ну а сама страница - это просто iframe с сайтом:
<iframe src="здесь_URL_сайта"/>
Вот, например, бочка для сайта linkstore.ru
|