Рисуем анимированную сцену с помощью css

[Gobl1n]

Шедевром, конечно, не назовёшь, но впечатление сугубо позитивное. Спасибо.

[dooza]

Неплохо, хотелось бы использование стиля flat. Но в целом суть не в этом, спасибо.

[VCheese]

Так же ж можно создавать резиновые картины!

[nochkin]

Только мне ещё тут дядю Фёдора с компанией и Печкиным хочется?

[horlon]

Не понимаю, ну вот зачем заставлять писаря программировать пичкать CSS лишними функциями.

[Grammidin]

А в домике радуется и весело танцует Бендер? :)

Ссылка на Бендера

habrahabr.ru/post/198646/

[NeoCode]

Круто, восхищен! Мне, с++ программисту уже и не понять, как далеко ушли возможности web от простейшей html разметки, с которой все начиналось когда-то очень давно. Точее, в общих чертах понятно, но это нужно иметь особый стиль мышления, чтобы вручную описывать векторную графику и рисовать неплохие анимированные картины на эффектах типа градиента, скругления прямоугольника и трансформации… :)

[arsenty]

Всё-таки это задачка для SVG.

[Miklos]

Забавно, что без всяких префиксов старая опера справилась лучше чем новый фф.

Заголовок спойлера

[Serator]

Ну-ну:

[Miklos]

Значит мой фф сломался.

[Serator]

Там нужно не только префиксы удалять, но и синтаксис смотреть. Местами используются устаревшие конструкции (вроде отсутствия ключевого слова «to» в описании градиентов).

[Miklos]

Я ничего не удалял и не добавлял, просто открыл ссылку.

[Serator]

А, ну так там почти везде префиксы -webkit- стоят…

[Miklos]

Я говорил про старую Оперу, она на движке Presto.

[Serator]

alexclimber, а зачем вы вообще используете префиксы? Причем местами используете (к примеру, для градиентов), местами нет, местами устаревший синтаксис, местами совремнный.

[alexclimber]

Различный синтаксис префиксов банально результат копипаста из разных css генераторов. Да можно сделать круче, критикуйте =) Но статья не про то как идеально верстать. Эта сцена была создана мной чисто «по фану». Ну а поскольку из нее можно выжать некоторую долю полезности, процесс ее создания был оформлен в эту в статью.

[aTei]

Use Autoprefixer, Luke.