Задать вопрос
@deasmont

Как скосить верхний угол css?

Всем привет. Есть вот такой код, скосил нижний угол, нужно скосить противоположный верхний, но не пойму как это сделать чтобы не криво было. Максимум добивался скос от центра блока, а как от угла ума не приложу. Помогите
.quote {
  background: #41ade5;
  color: #fff;
  position: relative;
  z-index: 1;
}
.quote:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}
  • Вопрос задан
  • 286 просмотров
Подписаться 2 Оценить 5 комментариев
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Используйте множественный фон и градиенты
https://jsfiddle.net/g0886jxz/1/

Цвета и углы настраивайте под себя
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@deasmont Автор вопроса
c31263adbe8e481f9ed27f5a5c516de3.jpg
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы