блок "неправильной" формы

[duncan]

все элементы на странице имеют четкую прямоугольную форму
это касается и блочных элементов, и строчных, и строчно-блочных
так вот итересует возможность трансформации -- возможли ли такое вообще?

 

[Sunday]

Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

 

[duncan]

а с помощью джава-скрипт?

 

[Viorteya]

какой именно трансформации? поставьте задачу поконкретнее. имитировать элемент неправильной формы (статичный) можно и в css, если поиграться с наложением элементов друг на друга, полями, фоном и изображениями.
если нужна анимация - тут, конечно, лучше js (если указанного выше transform и transition недостаточно)

 

[duncan]

нерешимый вопрос.
transform и transition -- не комильфо, поскольку даже современные браузеры не все поддерживают
а вообще это была идея фикс -- трансформировать инлайновый элемент (картинку)
даже не совсем картинка, а делать в виде блока-наложения по верху картинки и с помощью overflow:hidden скрывать то, что не будет помещаться.
но кроссбраузерности все равно добиться не реально.

 

[Viorteya]

Не опускайте руки -) Какой самый низкий порог браузеров с корректным отображением требуется? (я правильно понимаю, что речь главным образом об IE?)
Трансформ с транзишном - это главным образом для анимации и прочих необязательных рюшечек, без которых сайт все равно будет юзабелен. У вас же задача статичная, насколько я понимаю? Может можно ограничиться абсолютным позиционированием и отрицательными марджинами? А также всякими top, z-index и т.п. ну а на крайняк и про js вспомнить... -)
В общем либо распишите еще подробнее, либо набросайте схематичное изображение (что будет понятнее) желаемого итогового вида элемента.

 

[mdss]

все зависит от конкретной задачи и соответственно решения тоже могут быть разные. Где-то можно сверху накладывать полупрозрачный пнг с дырками нужной формы, где-то действительно поможет трасформация, ну а где-то можно и канвас использовать (что будет наверное самым простым и самым кроссбраузерным вариантом).

 

[duncan]

в том-то и дело, что просто наложить сверху пнж-рамочку не выйдет, хитрый замут в дизе)
суть в том, что это слайдер со слайдами неправильной формы
а под слайдером сразу неоднотонный фон, схематично:

 

[NiceBro]

в том-то и дело, что просто наложить сверху пнж-рамочку не выйдет, хитрый замут в дизе)
суть в том, что это слайдер со слайдами неправильной формы
а под слайдером сразу неоднотонный фон, схематично:

Посмотреть вложение 48845

Можно сделать сами слайды в png повернуть как надо в Ps и остальной фон сделать прозрачным.

 

[duncan]

Можно сделать сами слайды в png повернуть как надо в Ps и остальной фон сделать прозрачным.

это очевидное и самое просто решение)
но к верстке отношения не имеет