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

[pseudo]

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

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

Github Demo

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

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

告诉我你的名字那里输入 xxx 按 Enter 就可以看效果啦，为什么大家都把我第二句话忽略了😂

[RqPS6rhmP3Nyn3Tm]

403 forbidden
404 not found

[primroses]

快说 你的心上人是谁

对不起，你不是我的心上人

[t40462860]

对不起，你不是我的心上人

看不了效果

[funky]

输入 xxx

[noe132]

对不起 。。。。。😂

[Tyler1989]

楼主暗恋我

[UnisandK]

然后你喜欢的妹子顺手输入了自己的昵称，看到了“对不起，你不是我的心上人”，全剧终

[Zohar]

@primroses
@t40462860
看一下 script.js 就可以知道，输入 xxx 即可。

[tabris17]

花径不曾缘客扫，蓬门今始为君开。
天生一个仙人洞，无限风光在险峰。

[yalay]

有意思， star 了

[416877140]

苟利国家生死以
岂因祸福避趋之

[0x1406F40]

日后吟湿

[Love4Taylor]

@UnisandK 所以得把所有可能的名称都写上去么 233333

[iamwb]

我说另请高明吧
我也实在不是

[fhefh]

输入 xxx

[foreach]

看到这个过场动画，脑子里立马浮现出了 beyond 海阔天空的旋律，应该再加个背景音乐。

[Artoria]

对不起，你不是我心上人

[pseudo]

@BXIA 域名解析是万网的，不知道你为什么会这样诶
@primroses
@t40462860
@noe132
@Artoria 输入 xxx 啦
@Tyler1989 哈哈哈哈哈为什么
@UnisandK 哈哈哈哈这就是悲剧了，不过可以看看 Github 上面的 readme 的最后一句话哈哈哈
@yalay 谢谢！
@Zohar 谢谢还看了我丑陋的代码哈哈
@Love4Taylor 哈哈哈哈要是妹子是程序员就
@foreach 当时几个小时写完后来就没管了，谢谢你的建议～

[Artoria]

@pseudo 只能 xxx 不能 xx 吗

[pseudo]

@Artoria 可以改代码改成任意都可以通过呀

[Artoria]

@pseudo 我去， 原来是 xxx 这三个。我还以为是随便三个字。。

[ynlwys]

问心上人人是谁的，智商都下线了😂😂😂

[pseudo]

@Artoria 哈哈哈哈难怪我说怎么都忽略我的话
@ynlwys 哈哈哈哈哈哈

[sorcerer]

不错 收了 给妹纸看 再加个音乐

[ys0290]

果真什么日子都能过成情人节

[7z7]

黑屏 xxx 回车无反应

[pseudo]

@sorcerer 谢谢～
@ys0290 哈哈哈只是今天想发然后强行凑了个节日
@7z7 那个事件可能只有 webkit 内核的浏览器支持

[BigPa]

苟利国家生死以，岂因祸福趋避之。

[lanpong]

可以拿走吗？

[pseudo]

@416877140
@iamwb
@BigPa
暴力 不可取

[pseudo]

@lanpong 请随意拿走，反正那个女孩已经变成 ex 了哈哈哈哈哈

[shooter]

唤起窗前尚宿醒，啼鹃催去又声声。
丹青旧誓相如札，禅棍经时杜牧情。
别后相思空一水，重来回首已三生。
云阶月地依然在，旧逐空香百遍行。

[lanpong]

@pseudo 哈哈哈哈哈哈，我的那个女孩也变成 ex 了

[songkaiape]

嗯，不是很懂前端，但是想问下怎么能把这个动画改成兼容非 webkit 内核的动画呢？总不好跟妹子说，来先装个 GOOGLE 浏览器。。然后打开微信里那条网址。。

[brucewzp]

楼主有心啊

[pseudo]

@lanpong 哈哈哈哈，好在现在的女孩更棒
@songkaiape 我 css3 动画接触的少，所以也想问有没有其他方法呢
@brucewzp 哈哈谢谢

[helloSwift]

好玩 哈哈哈哈

[Senorsen]

效果挺好的，简单漂亮

[songkaiape]

@pseudo $('#anim').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() 我查到说这个 Jquery 自带的 one 可以保证兼容，但是好像还是不行

[ppppayme]

脸过不了儿童节，胸可以过啊。
体重过不了儿童节，身高可以过啊。
年龄过不了儿童节，智商可以过啊。
人生经验过不了儿童节，性经验可以过啊。

[shippo7]

萝莉有三好
轻音身柔易推倒

[ynlwys]

部分手机输入法的完成前往无法提交输入框的名字， Google 输入法可以，百度不行😂😂😂

[SlipStupig]

我的心上人还不知道在哪里，也许还在上一个动物园呢

[hqs123]

楼上都挺搞笑的哈哈

[pseudo]

@helloSwift
@Senorsen 谢谢你们！
@songkaiape 我也不是很清楚诶，自己用 Chrome 就偷了个懒
@ynlwys 我是用 keycode==13 判断的，可能不同输入法有不同吧
@SlipStupig 哈哈哈哈哈
@hqs123 哈哈哈哈

[taxiangdeni]

对不起，你不是我的心上人

[andyhuzhill]

居然在作者的简历里发现了母校的名字

[andyhuzhill]

@andyhuzhill 我是说我的母校　话没说清楚

[StargazerWikiv]

意识输入了楼主的昵称，结果原来楼主是有节操的人。

[pseudo]

@andyhuzhill 哈哈哈哈校友啊
@StargazerWikiv 哈哈哈当然我不会那么

[t40462860]

输入 xxx 然后啥反应都没有呀。。

[pseudo]

@t40462860 按 Enter 啦

[andyhuzhill]

@pseudo 并不是校友 我是 csust 的

[pseudo]

@andyhuzhill 哈哈哈那也是有缘人