|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
14.01.2014, 15:10 | #1 |
Новичок
Джуниор
Регистрация: 28.04.2011
Сообщений: 2
|
img отобразить трапецией с помощью css
Есть изображение вставленное с помощью тега img , необходимо его обрезать/повернуть c помощью css3, что бы оно стало отображаться трапецией. Это нужно для слайдера - пример прикреплён.
Есть пример http: //guluzade.com/css-трапеция/ , но там заливается одним цветом, пробывал ставить background-image, не стыкуется |
14.01.2014, 16:32 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
http://www.xiper.net/collect/html-an...css3-flip.html
п.с. ваш пример — стрельба из пушки по воробьям. Такая штука (трапеция из примера) делается кросс-браузерно при помощи границ. Честная трапеция делается по-другому.
Alar, верни репу!
Последний раз редактировалось Naive; 14.01.2014 в 16:36. |
15.01.2014, 21:35 | #3 |
Участник клуба
Регистрация: 23.07.2007
Сообщений: 1,054
|
Naive офигенно клевый эффект. жаль не кросбраузерен
Писано по д'Эльфийски
|
16.01.2014, 11:22 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Слишком тяжелый, если контент не нужно подставлять поисковикам, то лучше делать на канвасе + поддержка шире.
Еще недостаток в том, что для ИЕ 10+ нужно писать обширный костыль, ибо они не поддерживают preserve-3d (относительное 3д позиционирование) п.с. Однако, побаловаться можно, писал 3д игру в пьяницу для вебкитов, смотрелось симпотично =)
Alar, верни репу!
|
16.01.2014, 16:56 | #5 | |
Участник клуба
Регистрация: 23.07.2007
Сообщений: 1,054
|
Цитата:
Писано по д'Эльфийски
|
|
16.01.2014, 19:04 | #6 | |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
Адекватно работает только на вебкитах (хром, яндекс), веб-кит оперу не проверял. Изначально писалось под фаерфокс (я все под него пишу, ибо в верстке самый труЪ), но в 104 трехмерных объектах (52 карты, 2 стороны) он начинает путаться. Можно попробовать сделать с перспективой по w3c, я тогда про нее не знал( Узнал только из примера, который сам же скинул выше, я его подробно до этого не разбирал, предпочитаю самостоятельно разбираться, по докам или "прощупыванием" консоли >_>. Но, век живи — век учись
Alar, верни репу!
Последний раз редактировалось Naive; 16.01.2014 в 19:13. |
|
16.01.2014, 19:38 | #7 |
Участник клуба
Регистрация: 23.07.2007
Сообщений: 1,054
|
Очень понравилось. спасибо за ссылку.
P.S. сообщение для вас есть в личке
Писано по д'Эльфийски
|
18.01.2014, 01:25 | #8 |
Новичок
Джуниор
Регистрация: 28.04.2011
Сообщений: 2
|
Ребята, так а что с проблемкой, то? Существует некий слайдер cover-flow, он очень похож, но пока прикрутить не удалось. Придется видимо дальше пробывать крутить его, так как img просто не трансформировать как нужно?
|
18.01.2014, 02:15 | #9 |
Участник клуба
Регистрация: 23.07.2007
Сообщений: 1,054
|
Трансформация при которой стороны не попарно параллельны поддерживается только хромом. остальные пока что не умеют этого делать
Писано по д'Эльфийски
|
21.01.2014, 08:25 | #10 | |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
пруф
Alar, верни репу!
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Переназначить CSS стили в HTML коде для IMG картинок | barbossss | HTML и CSS | 4 | 04.09.2013 12:27 |
Центрирования img в div с поворотом img | moshkin_ura | HTML и CSS | 0 | 23.12.2012 15:27 |
При использование htaccess, не подгружает css, img | Nitr | HTML и CSS | 7 | 05.07.2011 20:22 |
как отобразить тип данных TEXT в CSS | tinisto | HTML и CSS | 2 | 03.10.2009 09:21 |
Скрыть-Отобразить с помощью VBA | ZORRO2005 | Microsoft Office Excel | 5 | 01.09.2008 09:11 |