javascript - 使用 CSS3 动画制作幻灯片

标签 javascript css slideshow css-animations fadeout

看看这张图: http://oi43.tinypic.com/5cdm5g.jpg

这是我设计幻灯片放映的想法,每张幻灯片都可以是一个 div 标签并包含一些文本或图像,后面的小幻灯片是下一张幻灯片,它有点透明,当用户按下空格键或单击顶部幻灯片的某处淡出,下一张移动到前进并替换,然后另一张幻灯片替换为下一张。 我知道 JS 可以,但是 CSS3 呢?我知道我必须把代码放在这里,但我才刚刚开始,不知道从哪里开始。如果有人帮助我并给我一些提示,那就太好了。

最佳答案

我找到的关于 CSS3 问题的最佳资源是 http://css-tricks.com/

这是另一个很好的资源,所有者会定期更新。 http://css3.bradshawenterprises.com

这将是您将使用的一些高级 CSS3 技术,例如过渡、转换等。

祝你好运

关于javascript - 使用 CSS3 动画制作幻灯片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16745352/

相关文章:

javascript - 为什么第一个网络调用比后续调用花费更多时间?

CSS背景图片重复不显示

javascript - 在 CSS 中重复图像的一部分

javascript - 水平步进机形式打破

JQuery 滑动 2 个 div

javascript - 创建具有从左到右动画的幻灯片?

javascript - .js.erb VS .js

javascript - polymer 纸切换按钮

javascript - 一次合并两个 Javascript 数组三个元素

html - css 幻灯片中的链接