Как можно получить вот такой вот блок?

Question

[10id00]

Здравствуйте.
Можно ли получить вот такой блок изпользуя css ?


+ еще текст внутри должен быь на красном фоне и на зеленом...
Как можно такое сделать ?
Пробывал нечего не получается
Буду рад ответу.

Answer 1

[Атланта]

Это не финальный вариант, т.к. при приближении ломается. В общем требуется доработка.

https://jsfiddle.net/1efnaz06/

-----------------------------------------------------
Починила)
Как-то так я это представляю:
https://jsfiddle.net/1efnaz06/1/

Comments

[lukoie]

молодца
есть только вопрос - делала всё тут только ручками, или каким-то инстрУментом?

[10id00]

Большое спасибо. Единственный вопрос, прозрачность как задать ?

[Атланта]

lukoie, делала вручную.

[0ffff0]

прозрачность

[Атланта]

10id00, не думаю, что это возможно в данной реализации, т.к. там накладываются слои друг на друга и при opacity меньше 1, это становиться очевидно.

[Атланта]

10id00, я попыталась реализовать иначе, но это не увенчалось успехом.

[lukoie]

Атланта, а как же свг?

Answer 2

[азаза]

div-у задать изображение в качестве фона
внутрь вставить текст

Answer 3

[10id00]

Answer 4

[0ffff0]

то же что у Атланта только с прозрачностью
тут