小编dir*_*kk0的帖子

我想从静止图像创建视频，最好使用 ImageMagick 和/或 ffmpeg。我找到的最好的指南在这里：http : //www.itforeveryone.co.uk/image-to-video.html

这种工作，但这个命令

convert *.JPG -delay 10 -morph 10 %05d.morph.jpg

对我不起作用，因为延迟设置了静止图像和变形图像的时间。

我为一组四张图像（1.jpg ... 4.jpg）和一个额外的黑色图像 0.jpg 提出了这个解决方案：

convert -size 800x600 xc:'rgba(0,0,0,1)' 0.jpg
convert \
\( -set delay 1 0.jpg 1.jpg -morph 10 \) \
\( -set delay 60 1.jpg \) \
\( -set delay 1 1.jpg 2.jpg -morph 10 \) \
\( -set delay 60 2.jpg  \) \
\( -set delay 1 2.jpg 3.jpg -morph 10 \) \
\( -set delay 60 3.jpg         \) \
\( …

我试图访问reveal.js中的background-image样式有三个原因:

a)我想在概述模式中覆盖背景图像b)我想用CSS模糊一些背景

我在SO上发现了两篇帮助我的文章:

a)如何在reveal.js中定位背景图像？ b)reveal.js背景颜色选择

但我必须遗漏一些东西,所以我创建了这个jsFiddle来演示这个问题:http: //jsfiddle.net/dirkk0/asya4grv/

 html.thisState .state-background {
     /* background image is NOT changed, but the backgroundcolor changes */
     background-color: rgba(0, 0, 0, 0.8);
     background-image: url('http://pngimg.com/upload/small/key_PNG1180.png');
 }

你可以看到突然有两个背景图像.我究竟做错了什么？

谢谢,德克

我准备了一个混合了WebGL和 的工作页面（在 SO这里CSS3D的一点帮助下），并且效果很好。为了更好地衡量，我添加了一个iframe：

但它缺乏与 iframe 交互的能力。

在 mrdoobs pure CSS3D demo中，人们甚至可以滚动页面并标记文本等：

看起来，渲染器WebGL前面的组合CSS3D阻碍了交互。有没有解决的办法？

谢谢，德克