Создать эффект трехмерного изображения с CSS3?

Question

Можно ли каким-либо образом манипулировать изображением с помощью CSS3 / Mootools для создания 3D-эффекта?

Уточнение 3D, аналогично тому, как вы надеваете очки с красными и синими фильтрами, чтобы увидеть 3D-эффект.Не просто тень на коробке.

Если у меня нормальная фотография, могу ли я включить 3D на лету с помощью CSS или / и Mootools?

Answer 1

Вы, вероятно, могли бы использовать box-shadow и text-shadow для достижения такого рода эффекта на базовом уровне. Цвет текста синий, а тень текста красная (и не размытая).

Однако это будет работать только до определенного момента - будут вещи, которые вы просто не сможете сделать. Тень текста должна быть в состоянии сделать это достаточно эффективно, но тень от блока будет работать только в ограниченных случаях. Изображения, конечно, не будут выполнимыми (хотя я думаю, что вы всегда можете подавать изображения с уже имеющимся цветовым разделением), и вам придется ограничиться эффективностью монохромной страницы.

Это также означало бы вычисление всего этого вручную, когда вы пишете свой CSS. Хммм .... весело.

Answer 2

Нет.

Вам понадобится что-то очень специализированное (вероятно, придется работать с <canvas> или плагином), чтобы сгенерировать такое, как изображение, даже если у вас был 3D-источник для начала (которыйВы не).