بدون استفاده از عکس

[هزاره سوم]

دوستان یه سوال ساده داشتم
یه عکس ضمیمه کردم .توو این عکس 6 ضلعی هایی میبینید...من میخوام بدوم استفاده از عکس اینها رو توو طرح هم داشته باشم...یا این یا یه چیزی مثل این...چطور میتونم با کد های css این ها رو طراحی کنم؟
میشه؟؟؟؟
هر کی نظری داره لطفا بگه و کمک کنه.
ممنون:لبخندساده:

[white tower]

با canvas میشه درستشون کرد.
https://developer.mozilla.org/en-US/docs/Web/Guide/Graphics/Drawing_graphics_with_canvas?redirectlocale=en-US&redirectslug=HTML%2FCanvas%2FDrawing_Graphics_with _Canvas

[mohamad_torabi]

با css همه چی میشه
#hexagon { width: 100px; height: 55px; background: red; position: relative; } #hexagon:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 25px solid red; } #hexagon:after { content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid red; }

[هزاره سوم]

با css همه چی میشه
#hexagon { width: 100px; height: 55px; background: red; position: relative; } #hexagon:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 25px solid red; } #hexagon:after { content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid red; }

ممنون
چرا اسکرول خورد
میشه در مورد کد تون توضیح بدید؟

[mohamad_torabi]

لطفا برید اینجا
http://css3.host22.com/azla/azla.html
:لبخندساده: