用reveal.js制作生日礼物

发表于   |   分类于   |     |   阅读次数   |   阅读时长 1 分钟

这篇笔记作为revealjs的学习记录 & 网页制作的迭代

  1. 首先理清楚每天需要做的东西
    在tracy换头像的时候保存头像， 最后还需要大家帮忙把头像收集好；
    需要整理关于他们最爱的东西的问题：
    [1] 最喜欢的颜色？
    tracy: 黄色
    xth:
    [2] 最喜欢的场景？
    tracy: 雪天的时候在房间里面看雪景, 喝着热巧， 吃cookie，看雪景。
    用飘雪的效果
    xth: 萤火虫的效果

    [3]

  2. 网上一些很棒的资源
    Reveal.js Tutorial-Reveal.js for Beginners

很美的萤火虫的特效scrolling
萤火虫闪光

找css background gradient的一个好地方：
http://uigradients.com/#

开场特效：

参考click anywhere to start an animation!
use:

1
$(html).on(‘mousedown’, function(e))

然后给中心的图标添加一个火箭发射的动效

关于reveal.js的在section的部分添加视频

使用长图片做parallax scrolling effect:
https://github.com/hakimel/reveal.js/
的parallax background部分！！

一起加油！