Как сделать такое?

[kolhoz]

Как сверстать такую штуку как на картинке? https://2.downloader.disk.yandex.ru/preview/bb355da3b29f1b14faf0a5b771c05c0f/mpfs/GQ_v0KAbgGFSicJ5IvYx1SuMQJ98KJdfNviSWtAErdtct6q1Q7ycULrlHkrmLsgSlnc0k0gAbTCC3DnDIPb3sA%3D%3D?uid=45017258&filename=2123jpg&disposition=inline&hash=&limit=0&content_type=image%2Fjpeg&size=1003x795

 

 

если код приведете будет хорошо, если нет, то хотя бы на словах сказать как можно реализовать

Edited January 13, 2015 by kolhoz

[satantx]

Дай норм ссылку, не открывается 

[kolhoz]

  On 1/13/2015 at 6:58 PM, satantx said:

Дай норм ссылку, не открывается 

Edited January 13, 2015 by kolhoz

[DivMan]

rotate, translate

[Aleksandr.L]

Примерно так: http://jsfiddle.net/n95r1gex/

[psywalker]

  On 1/13/2015 at 7:56 PM, Aleksandr.L said:

Примерно так: http://jsfiddle.net/n95r1gex/

Я бы ещё сделал так:

.square {overflow:hidden;}

 

Чтобы при наведении граница блоков была чёткой по контуру.

[kolhoz]

  On 1/13/2015 at 8:46 PM, psywalker said:

 

  On 1/13/2015 at 7:56 PM, Aleksandr.L said:

Примерно так: http://jsfiddle.net/n95r1gex/

Я бы ещё сделал так:

.square {overflow:hidden;}

 

Чтобы при наведении граница блоков была чёткой по контуру.

 

 

Спасибо.

[kolhoz]

А можно ли сделать не переворачивая весь контейнер на 45градусов, а перевернув сами квадраты? Например так:

Есть 5 строк в каждом из которых по 5 вложенных div-ов. Как сделать чтобы внутренние div-ы можно было перевернуть на 45градусов и чтобы все поместилось на страницу по центру? у меня сейчас некоторые дивы уходят вниз, если 5 строк делать. В общем нужно что-то такое сделать чтобы на одну страницу поместилось 

[kolhoz]

Какой есть способ легкий сделать так: ромбики поместить в div размерами 12000px на 700px

[Aleksandr.L]

  On 1/14/2015 at 8:09 PM, kolhoz said:

Какой есть способ легкий сделать

 

Картинкой. 

[kolhoz]

Мне не просто нужно сделать карту изображения, а чтобы при нажатии на некие ромбики какая-то анимация была например изменение цвета текста в нем.

[Aleksandr.L]

Полно же всяких жуквери плагинов, гугли.