Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Павел
@mrusklon
Не получается? Яростно гугли!
CSS
Bootstrap
Как сверстать такую чудо юду на бутсрапе?
https://www.dropbox.com/s/x7ghl3aqv53iyb1/f709dab1...
если делать просто картинкой то
joxi.ru/1A5ZpBki9yGZrE
, подскажите как правильно
Вопрос задан
более трёх лет назад
314 просмотров
2
комментария
Подписаться
1
Оценить
2
комментария
Facebook
Вконтакте
Twitter
Сергей Соколов
@sergiks
Может, в SVG с JS поколдовать? Наверное, прикольно, чтобы сдвигались не картинки, а маски.
Написано
более трёх лет назад
Павел
@mrusklon
Автор вопроса
Сергей Соколов
: возможно , но картинки в png
Написано
более трёх лет назад
Решения вопроса
1
Антон Мудренок
@mudrenokanton
frontend dev
Вообще можно многими вариантами. Самый простой и красивый это clip-path. Но если кто-то ноет про кросс-баузерность, то можно просто сделать skew блока, а потом обратный skew в самом блоке:
https://codepen.io/just-a-training/pen/KqKJNR
Ответ написан
более трёх лет назад
6
комментариев
Нравится
1
6
комментариев
Facebook
Вконтакте
Twitter
Павел
@mrusklon
Автор вопроса
а если в psd уже обрезанная и наклоненная картинка?
Написано
более трёх лет назад
Антон Мудренок
@mudrenokanton
mrusklon
: грузите ее и выкладывайте ссылку, покрутим. Какая разница какая картинка?)
Написано
более трёх лет назад
Павел
@mrusklon
Автор вопроса
Антон Мудренок
:
https://www.dropbox.com/s/5m1bh6f2g60fert/niceBtn1...
это картинку надо выпрямить , а затем с помощью кода крутить?)
Написано
более трёх лет назад
Антон Мудренок
@mudrenokanton
mrusklon
: ой камон, вы бы хоть потрудились прямую ссылку на картинку дать лол)
Написано
более трёх лет назад
Антон Мудренок
@mudrenokanton
mrusklon
: вот, уличная магия =)
https://codepen.io/just-a-training/pen/KqKJNR
Написано
более трёх лет назад
Павел
@mrusklon
Автор вопроса
Антон Мудренок
: воу , идеально , теперь наверно другой вопрос создам по js как это сделать плавающим :)
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
вчера
100 просмотров
2
ответа
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
76 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
188 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1426 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
142 просмотра
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
142 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
88 просмотров
1
ответ
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
171 просмотр
1
ответ
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
91 просмотр
1
ответ
HTML
+4 ещё
Средний
Продвинутые пользовательские стили сайтов, не ограниченные одним css?
2 подписчика
22 мая
1053 просмотра
4
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 250 000 до 300 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама