bushido2014
@bushido2014

CSS transform skewY как сделать что бы фоновая картинка не переворачивалась?

Привет всем, верстаю макет из photoshop
5aab8dbbc02e8879417807.png

как видно по макету фононовая картинка стоит по горизонтали

решил использовать transform skewY
как сделать что бы фоновая картинка не переворачивалась

вот мой код

5aab8e535c94e027386407.png
<section class="popular-position" style="background-image: url(img/bg_populars.jpg);">
	<div class="grid-container">
		<div class="section_title">
			<h2><span>Популярные  </span> позиции </h2>
		</div>
		<div class="grid-x grid-padding-x grid-margin-y">

		</div>
	</div>
</section>

.popular-position {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    transform: skewY(9deg);
    min-height: 600px;
    z-index: -1;
}

.popular-position > * {
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
Malekith
@Malekith
Задать фон wrapper, а переворачивать container?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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