Как мне перевернуть .html страницы с чистым CSS3?

Question

Я ищу учебник без JavaScript - чистого CSS3.Я создал две страницы (page1.html, page2.html) для iPhone, и я использую CSS3 и -webkit-properties.

Чтобы соединить эти сайты, я создал следующую и кнопку.При нажатии на следующую кнопку загружается page2.html, при нажатии на кнопку загружается page1.html.

Пока это работает.

Я хотел бы попробовать использовать еще несколько -webkit-properties, чтобы получить эффект переворачивания, как в этой демонстрации .

Так, при нажатии на мою следующую кнопку page2.html должен быть включен. При нажатии / нажатии на кнопкуpage1.html должен быть включен.

Я новичок в этом и надеюсь получить помощь здесь.Знаете ли вы учебник по моей проблеме?

Другой вопрос, который возник у меня в голове, заключался в том, можно ли отдельно загружать page2.html или мне нужно создать только одну страницу с содержимым page1.html и page2.html?

Answer 1

На паутинах много демо-страничек. Это тот, который мы сделали Он был вдохновлен Римским Кортесом Один - есть другие, которые используют больше сжатия, чем флип.

Answer 2

Вы должны построить только одну страницу с двумя разделами / разделениями с перевернутым содержимым. Затем вы можете использовать transform: rotateY… или, может быть, загрузить вторую страницу с помощью AXAJ или что-то еще, но, как я понимаю, это CSS, вы должны поместить все на одной странице с двумя разделами / div