Как сверстать треугольные блоки?

Question

[secretsergey]

Каждый треугольник это отдельная картинка, которая должна быть кликабельна. Как реализовать данную задумку?

Answer 1

[Антон]

htmlbook.ru/blog/treugolniki-cherez-css

Comments

[Сергей Горячев]

И зачем тут в ответе треугольники с заливкой? Ты как-то туда картинку вставить сможешь?

[Антон]

Sergey Goryachev: хах, я плохо вопрос прочитал, ни как судя по всему

[secretsergey]

Картинку туда не всунуть никак.

Answer 2

[PavelScron]

Есть генератор apps.eky.hk/css-triangle-generator

Comments

[secretsergey]

Картинку туда не всунуть никак.

Answer 3

[Полина Емельянова]

Уточните, в них должны быть картинки или текст? Должен ли быть бэкграунд?
По идее... Это ... Эм... Как-то так: jsfiddle.net/markus85/TRuQc
А дальше вращайте трансформами, как вашей душеньке угодно.

Адаптив... Ну... Проценты на бокс-модел и Абсолют позиционирование. И... Вы же не ждете, что тут будут бутстраповские брейкпоинты, правда.)))

ЗЫ вот еще для вдохновения

ЗЫЫ Покурите еще вот это, каааатся, один в один, что вам надо...

Comments

[Ярослав Иванов]

Нужно......больше.....точек.....

[Полина Емельянова]

Ярослав Иванов: вы... Меня, прямо таки, смущаете.))) Исправлюсь. Спасибо.)

Можете чем помочь просящему?

[Ярослав Иванов]

Полина Емельянова: разве что дать ссылку на учебник html/css )))))

[Полина Емельянова]

Ярослав Иванов: Да лаааааадна!! Для чего еще нужен Тостер? Лень думать, а добрые люди есть. В общем, чтоб не разводить флуда, пора закругляться.)

[Ярослав Иванов]

Полина Емельянова: такие вопросы и не развивают )) человек ленится час/два голову поломать а вместо этого идёт на тостер.

[Сергей Горячев]

Каждый треугольник это отдельная картинка, которая должна быть кликабельна. Как реализовать данную задумку?

[Сергей Горячев]

Ярослав Иванов: Полина Емельянова: Я не хотел перебивать ваше милое общение)

[Полина Емельянова]

Дык, Вот тут что человек хочет.

ЗЫ Нагуглено за 2 мин.)