Как изменить Rotate Background-image?

Question

[sanke46]

.box-blog {
  background: url(../img/shop.png) 0 0 no-repeat;
  background-size: 100%;
  width: 80%;
  display: block;
  margin: 0 auto;
  margin-top: 71px;
  height: 192px;
  border-radius: 0 40px;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
  background-color: #333;
  box-shadow: 15px 0 0 rgba(248,48,46,.3);
}

Answer 1

[inFureal]

Никак. Только если создать псевдокласс.

.box-blog {
  position: relative;
  z-index: 1;
}
.box-blog:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -50%;
  left: -50%;
  z-index: -1;
  background: url(../img/shop.png) 0 0 repeat;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

Comments

[Владимир Куликов]

Как background через админку зададите?

[inFureal]

Владимир Куликов, вопрос про это не стоял. Смотря какая админка, и что оттуда приходит.
3 года прошло)