Size: a a a

Dev Seagulls Chat

2020 January 06

DR

D R in Dev Seagulls Chat
sandk
Ребят, кто верстал такие блоки с нестандартным фоном? Я помню, что это можно реализовать стандартными средствами CSS, но не помню свойство. Есть пару мыслей с применением дополнительного слоя с z-index, но хочется найти решение получше
Просто пнг на фон поставь и весь этот блок внутри светлого (и светлому на фон картинку и соответственно отпозиционируй) если не сделал ещё и не понял как я сказал кодпен кину без проблем с примером
источник

s

sandk in Dev Seagulls Chat
D R
Просто пнг на фон поставь и весь этот блок внутри светлого (и светлому на фон картинку и соответственно отпозиционируй) если не сделал ещё и не понял как я сказал кодпен кину без проблем с примером
тоже вариант
напишу как попробую, пока другое верстаю
источник

s

sandk in Dev Seagulls Chat
спасибо
источник

DR

D R in Dev Seagulls Chat
sandk
тоже вариант
напишу как попробую, пока другое верстаю
Оке
источник

ЗА

Заур Ашурбеков in Dev Seagulls Chat
D R
Просто пнг на фон поставь и весь этот блок внутри светлого (и светлому на фон картинку и соответственно отпозиционируй) если не сделал ещё и не понял как я сказал кодпен кину без проблем с примером
Пнг в вёрстке использовать такое себе
источник

ЗА

Заур Ашурбеков in Dev Seagulls Chat
Особенно такие большие фотки
источник

С

Сидредин in Dev Seagulls Chat
Заур Ашурбеков
Особенно такие большие фотки
Svg лучше же?
источник

DR

D R in Dev Seagulls Chat
Заур Ашурбеков
Пнг в вёрстке использовать такое себе
Ну без гемора самое то. Можно нарезать ещё чисто jpeg , либо сверху маленькую png потом jpeg квадратный потом опять png
источник

DR

D R in Dev Seagulls Chat
Сидредин
Svg лучше же?
Так там же изображение сзади или я че то не понял
источник

С

Сидредин in Dev Seagulls Chat
D R
Так там же изображение сзади или я че то не понял
Да вроде.
источник

С

Сидредин in Dev Seagulls Chat
Svg можно использовать везде, где можно использовать картинку
источник

С

Сидредин in Dev Seagulls Chat
То есть, svg - это тоже картинка
источник

DR

D R in Dev Seagulls Chat
sandk
Ребят, кто верстал такие блоки с нестандартным фоном? Я помню, что это можно реализовать стандартными средствами CSS, но не помню свойство. Есть пару мыслей с применением дополнительного слоя с z-index, но хочется найти решение получше
Вот решение не плохое


https://codepen.io/anon/pen/MKprmm
источник

ЗА

Заур Ашурбеков in Dev Seagulls Chat
Сидредин
Svg лучше же?
Ну если сможешь фотку конвертировать, то да 😁
источник

С

Сидредин in Dev Seagulls Chat
Заур Ашурбеков
Ну если сможешь фотку конвертировать, то да 😁
Какую фотку?
источник

ЗА

Заур Ашурбеков in Dev Seagulls Chat
sandk
Ребят, кто верстал такие блоки с нестандартным фоном? Я помню, что это можно реализовать стандартными средствами CSS, но не помню свойство. Есть пару мыслей с применением дополнительного слоя с z-index, но хочется найти решение получше
.
источник

С

Сидредин in Dev Seagulls Chat
Я имел в виду сделать svg только для этого кривого фона)
источник

С

Сидредин in Dev Seagulls Chat
А картинки будут сверху
источник

s

sandk in Dev Seagulls Chat
D R
Так там же изображение сзади или я че то не понял
да, изображение на фоне + оверлей зеленый
источник

s

sandk in Dev Seagulls Chat
D R
Вот решение не плохое


https://codepen.io/anon/pen/MKprmm
спасибо большое, то что нужно
источник