Форум Сайтостроение Веб-строительство

Горизонтальное меню с косыми линиями

D
На сайте с 18.02.2014
Offline
1
Dzvene
836

Подскажите как лучше сделать горизонтальное меню с косыми линиями:

[ATTACH]133462[/ATTACH]

Пробовал делать так:

http://jsfiddle.net/dzvene/HRWqq/207/

Спрайтами не вариант, блоки должны тянуться, дополнительную трудность составляют серые бордеры между блоками.

jpg 2.jpg
jpg 1.jpg
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#1

Если на css3 и наплевать на древние браузеры, то так:

http://jsfiddle.net/abarykin/Y4r9X/

https://adminbook.ru/
дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#2

http://code.tutsplus.com/tutorials/how-to-create-diagonal-lines-with-css--net-20763

http://jsfiddle.net/davidThomas/yhfqy/

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
D
На сайте с 18.02.2014
Offline
1
Dzvene
#3

---------- Добавлено 16.03.2014 в 23:44 ----------

Алексей Барыкин:
Если на css3 и наплевать на древние браузеры, то так:
http://jsfiddle.net/abarykin/Y4r9X/

Спасибо, толковый вариант.

---------- Добавлено 16.03.2014 в 23:47 ----------

дани мапов:
http://code.tutsplus.com/tutorials/how-to-create-diagonal-lines-with-css--net-20763

http://jsfiddle.net/davidThomas/yhfqy/

Первая ссылка думаю еще пригодится, спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий