Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Alibek Kulseitov
@AlibekKulseitov
Люблю верстать и писать музыку
CSS
Прозрачный треугольник DIV на картинке?
Как реализовать такие скошенные блоки? Это должно быть в процентах а то есть адаптивными.
Конечно можно вырезать картинкой! Но нужно будет в дальнейшем сделать fixed backgound то есть типа паралакс скрола
Вопрос задан
более трёх лет назад
1723 просмотра
1
комментарий
Подписаться
10
1
комментарий
Facebook
Вконтакте
Twitter
Alibek Kulseitov
@AlibekKulseitov
Автор вопроса
Решил вопрос путем
-webkit-transform: skewY(4deg); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: skewY(4deg); /* IE 9 */
transform: skewY(4deg); /* Firefox 16+, IE 10+, Opera */
НО! Картинки не поддается трансформаций. Думаю потому что она fixed.
Вторая проблема это размытие контента после применения transform
Написано
более трёх лет назад
Подписчики вопроса
10
К ответам
на вопрос
(3)
Ivaseg
5 ответов
5 вопросов
0
Общий вклад
hrum
16 ответов
0 вопросов
4
Общий вклад
megaterminator
8 ответов
8 вопросов
1
Общий вклад
aremedy
1 ответ
0 вопросов
0
Общий вклад
Александр А
Красные глаза и взгляд безумный
0 ответов
0 вопросов
0
Общий вклад
Alibek Kulseitov
Люблю верстать и писать музыку
73 ответа
245 вопросов
18
Общий вклад
misc1
40 ответов
54 вопроса
22
Общий вклад
ejkrav
8 ответов
0 вопросов
6
Общий вклад
Влад
2 ответа
8 вопросов
0
Общий вклад
Михаил
0 ответов
0 вопросов
0
Общий вклад
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама
