illiatovpeko
@illiatovpeko
Самолепный ВебдевелопЁр

Как лучше организовать такой лендинг с косыми блоками?

По вертикали чередуются трапецеидальные блоки (малое основание справа, большое - слева, следующий блок - наоборот и т.д.). Чередуются так же цвета блока (2 текстуры, т.е. НЕ сплошной однородный фон, а какая-то бэк-пикча). Следовательно, будет чередоваться 2 вида трапеций.
Планирую 1 бэк сделать общим фоном на родительский блок для всех трапеций, а вторая текстура будет в полноценных трапецеидальных блоках, ну т.е. одна из трапеций будет формироваться как пространство между двумя трапециями другого цвета.
Во всех блоках будет контент.

Быть может схему компоновки лучше бы изменить. Что скажете ? Это всё пока что предварительно.

И ГЛАВНОЕ: перебираю способы создания вот этих вот скосов. Заказчик требует поддержку IE9+, Safari, Opera ... Т.е. нужно использовать дедовские методы.

Что можете подсказать по скосам и вообще?
  • Вопрос задан
  • 226 просмотров
Пригласить эксперта
Ответы на вопрос 1
@siarheisiarhei
tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы