Рисование российского флага

[DivMan]

Вот мой код http://cssdeck.com/labs/dizfkrgu

Какой ещё способ есть, что бы нарисовать флаг не изменяя HTML файл?

У меня нормальный способ?

Edited May 27, 2014 by DivMan

[Veseloff]

Нормальный. Ещё с ходу в голову пришло через first-child и last-child http://jsfiddle.net/7C24p/

[amelice]

а если нарисовать одним элементом и использовать псевдо-элементы?

[DivMan]

те есть что бы в разметке был 1 див? 

[amelice]

те есть что бы в разметке был 1 див? 

ага

[DivMan]

 

те есть что бы в разметке был 1 див? 

ага

 

у меня вот так получилось http://cssdeck.com/labs/gkqdz2bp я молодец?

[Bassline]

у меня вот так получилось http://cssdeck.com/labs/gkqdz2bp я молодец?

 

Молодец. Осталось сшить костюм супергероя.

[SelenIT]

По-моему, любой триколор можно нарисовать просто парой бордеров + заливка. Ну, или ступенчатым градиентом, если хочется щегольнуть знанием новых технологий и не привязываться к конкретным размерам.

Но вообще флаг (если это именно флаг, а не просто тема оформления в цветах флага) — это всё-таки картинка, я думаю. Можно (даже желательно) векторная (SVG), но картинка.

[Aleksandr.L]

Градиентом гораздо проще: http://jsfiddle.net/d6AqW/

[CroaToa]

Градиентом гораздо проще

а как же IE ? 

[Aleksandr.L]

 

Градиентом гораздо проще

а как же IE ? 

 

Автор топика спрашивал на счет способов рисования флага не изменяя HTML. Про кроссбраузерность он ничего не упомянул.

[amelice]

Градиентом гораздо проще: http://jsfiddle.net/d6AqW/

Да, прикольно

Народ, у вас у всех цвет grEy вместо правильного grAy.

И почему это работает?

Или есть такой?

 

Edited May 28, 2014 by amelice

[Veseloff]

А почему правильно именно gray?

P.S. А, ну да. http://www.w3schools.com/CSSref/css_colornames.asp Ну, видимо, просто браузеры молодцы.

[SelenIT]

а как же IE ?

В актуальных работает, XP официально похоронена)

[Great Rash]

Народ, у вас у всех цвет grEy вместо правильного grAy.

 

А почему правильно именно gray?

 

В английском языке слова "gray" и "grey" переводятся одинаково. Разницы как писать нет, и не только в CSS, но и в литературе к примеру. Это типа как в русском: "ноль" и "нуль" считаются равнозначными словами.

[amelice]

В английском языке слова "gray" и "grey" переводятся одинаково. Разницы как писать нет, и не только в CSS, но и в литературе к примеру. Это типа как в русском: "ноль" и "нуль" считаются равнозначными словами.

а, вот как, спасибо! )