六一儿童节到了,快给你喜欢的女孩念一首诗吧

2016-06-01 10:25:27 +08:00
 pseudo

标题的两句话好像没有什么关联,哈哈。 突发奇想写的一个简单的 css3 动画页面, Demo 里输入 xxx 然后按 Enter 即可开始。

不嫌弃简陋的话,尽情拿去用吧,可以改成你想写的各种文字。

Github Demo

利用 jQuery + webkitAnimationEnd 进行动画的流程控制,感觉不够优美。想请教一下这类 css3 动画有没有什么更好的控制方法或者还不错的框架。

如果顺手,点一下 star 吧。^_^

5034 次点击
所在节点    程序员
54 条回复
Artoria
2016-06-01 17:29:54 +08:00
@pseudo 我去, 原来是 xxx 这三个。我还以为是随便三个字。。
ynlwys
2016-06-01 18:14:26 +08:00
问心上人人是谁的,智商都下线了😂😂😂
pseudo
2016-06-01 18:15:44 +08:00
@Artoria 哈哈哈哈难怪我说怎么都忽略我的话
@ynlwys 哈哈哈哈哈哈
sorcerer
2016-06-01 18:16:51 +08:00
不错 收了 给妹纸看 再加个音乐
ys0290
2016-06-01 18:17:07 +08:00
果真什么日子都能过成情人节
7z7
2016-06-01 18:19:39 +08:00
黑屏 xxx 回车无反应
pseudo
2016-06-01 18:28:59 +08:00
@sorcerer 谢谢~
@ys0290 哈哈哈只是今天想发然后强行凑了个节日
@7z7 那个事件可能只有 webkit 内核的浏览器支持
BigPa
2016-06-01 18:37:19 +08:00
苟利国家生死以,岂因祸福趋避之。
lanpong
2016-06-01 18:39:17 +08:00
可以拿走吗?
pseudo
2016-06-01 18:39:21 +08:00
@416877140
@iamwb
@BigPa
暴力 不可取
pseudo
2016-06-01 18:41:01 +08:00
@lanpong 请随意拿走,反正那个女孩已经变成 ex 了哈哈哈哈哈
shooter
2016-06-01 19:08:37 +08:00
唤起窗前尚宿醒,啼鹃催去又声声。
丹青旧誓相如札,禅棍经时杜牧情。
别后相思空一水,重来回首已三生。
云阶月地依然在,旧逐空香百遍行。
lanpong
2016-06-01 19:48:07 +08:00
@pseudo 哈哈哈哈哈哈,我的那个女孩也变成 ex 了
songkaiape
2016-06-01 20:43:37 +08:00
嗯,不是很懂前端,但是想问下怎么能把这个动画改成兼容非 webkit 内核的动画呢?总不好跟妹子说,来先装个 GOOGLE 浏览器。。然后打开微信里那条网址。。
brucewzp
2016-06-01 20:59:06 +08:00
楼主有心啊
pseudo
2016-06-01 21:38:57 +08:00
@lanpong 哈哈哈哈,好在现在的女孩更棒
@songkaiape 我 css3 动画接触的少,所以也想问有没有其他方法呢
@brucewzp 哈哈谢谢
helloSwift
2016-06-01 21:51:50 +08:00
好玩 哈哈哈哈
Senorsen
2016-06-01 21:57:31 +08:00
效果挺好的,简单漂亮
songkaiape
2016-06-01 23:14:09 +08:00
@pseudo $('#anim').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() 我查到说这个 Jquery 自带的 one 可以保证兼容,但是好像还是不行
ppppayme
2016-06-02 04:40:45 +08:00
脸过不了儿童节,胸可以过啊。
体重过不了儿童节,身高可以过啊。
年龄过不了儿童节,智商可以过啊。
人生经验过不了儿童节,性经验可以过啊。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/282669

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX