• 请不要在回答技术问题时复制粘贴 AI 生成的内容
pseudo
V2EX  ›  程序员

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

  •  
  •   pseudo · Jun 1, 2016 · 6275 views
    This topic created in 3806 days ago, the information mentioned may be changed or developed.

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

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

    Github Demo

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

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

    Supplement 1  ·  Jun 1, 2016
    告诉我你的名字那里输入 xxx 按 Enter 就可以看效果啦,为什么大家都把我第二句话忽略了😂
    54 replies  •  2016-06-04 11:36:28 +08:00
    RqPS6rhmP3Nyn3Tm
    RqPS6rhmP3Nyn3Tm
    Jun 1, 2016 via Android
    1
    403 forbidden
    404 not found
    primroses
    primroses
    Jun 1, 2016
    2
    快说 你的心上人是谁

    对不起,你不是我的心上人
    t40462860
    t40462860
    Jun 1, 2016
    3
    对不起,你不是我的心上人

    看不了效果
    funky
    funky
    Jun 1, 2016
    4
    输入 xxx
    noe132
    noe132
    Jun 1, 2016 via Android
    5
    对不起 。。。。。😂
    Tyler1989
    Tyler1989
    Jun 1, 2016 via Android
    6
    楼主暗恋我
    UnisandK
    UnisandK
    Jun 1, 2016❤️1
    7
    然后你喜欢的妹子顺手输入了自己的昵称,看到了“对不起,你不是我的心上人”,全剧终
    Zohar
    Zohar
    Jun 1, 2016 via Android
    8
    @primroses
    @t40462860
    看一下 script.js 就可以知道,输入 xxx 即可。
    tabris17
    tabris17
    Jun 1, 2016
    9
    花径不曾缘客扫,蓬门今始为君开。
    天生一个仙人洞,无限风光在险峰。
    yalay
    yalay
    Jun 1, 2016
    10
    有意思, star 了
    416877140
    416877140
    Jun 1, 2016❤️3
    11
    苟利国家生死以
    岂因祸福避趋之
    0x1406F40
    0x1406F40
    Jun 1, 2016
    12
    日后吟湿
    love4taylor
    love4taylor
    Jun 1, 2016
    13
    @UnisandK 所以得把所有可能的名称都写上去么 233333
    iamwb
    iamwb
    Jun 1, 2016 via Android
    14
    我说另请高明吧
    我也实在不是
    fhefh
    fhefh
    Jun 1, 2016
    15
    输入 xxx
    foreach
    foreach
    Jun 1, 2016
    16
    看到这个过场动画,脑子里立马浮现出了 beyond 海阔天空的旋律,应该再加个背景音乐。
    Artoria
    Artoria
    Jun 1, 2016
    17
    对不起,你不是我心上人
    pseudo
    pseudo
    OP
    Jun 1, 2016
    18
    @BXIA 域名解析是万网的,不知道你为什么会这样诶
    @primroses
    @t40462860
    @noe132
    @Artoria 输入 xxx 啦
    @Tyler1989 哈哈哈哈哈为什么
    @UnisandK 哈哈哈哈这就是悲剧了,不过可以看看 Github 上面的 readme 的最后一句话哈哈哈
    @yalay 谢谢!
    @Zohar 谢谢还看了我丑陋的代码哈哈
    @Love4Taylor 哈哈哈哈要是妹子是程序员就
    @foreach 当时几个小时写完后来就没管了,谢谢你的建议~
    Artoria
    Artoria
    Jun 1, 2016
    19
    @pseudo 只能 xxx 不能 xx 吗
    pseudo
    pseudo
    OP
    Jun 1, 2016
    20
    @Artoria 可以改代码改成任意都可以通过呀
    Artoria
    Artoria
    Jun 1, 2016
    21
    @pseudo 我去, 原来是 xxx 这三个。我还以为是随便三个字。。
    ynlwys
    ynlwys
    Jun 1, 2016 via Android
    22
    问心上人人是谁的,智商都下线了😂😂😂
    pseudo
    pseudo
    OP
    Jun 1, 2016 via iPhone
    23
    @Artoria 哈哈哈哈难怪我说怎么都忽略我的话
    @ynlwys 哈哈哈哈哈哈
    sorcerer
    sorcerer
    Jun 1, 2016 via iPhone
    24
    不错 收了 给妹纸看 再加个音乐
    ys0290
    ys0290
    Jun 1, 2016 via iPhone
    25
    果真什么日子都能过成情人节
    7z7
    7z7
    Jun 1, 2016
    26
    黑屏 xxx 回车无反应
    pseudo
    pseudo
    OP
    Jun 1, 2016 via iPhone
    27
    @sorcerer 谢谢~
    @ys0290 哈哈哈只是今天想发然后强行凑了个节日
    @7z7 那个事件可能只有 webkit 内核的浏览器支持
    BigPa
    BigPa
    Jun 1, 2016
    28
    苟利国家生死以,岂因祸福趋避之。
    lanpong
    lanpong
    Jun 1, 2016
    29
    可以拿走吗?
    pseudo
    pseudo
    OP
    Jun 1, 2016 via iPhone
    30
    @416877140
    @iamwb
    @BigPa
    暴力 不可取
    pseudo
    pseudo
    OP
    Jun 1, 2016 via iPhone
    31
    @lanpong 请随意拿走,反正那个女孩已经变成 ex 了哈哈哈哈哈
    shooter
    shooter
    Jun 1, 2016
    32
    唤起窗前尚宿醒,啼鹃催去又声声。
    丹青旧誓相如札,禅棍经时杜牧情。
    别后相思空一水,重来回首已三生。
    云阶月地依然在,旧逐空香百遍行。
    lanpong
    lanpong
    Jun 1, 2016
    33
    @pseudo 哈哈哈哈哈哈,我的那个女孩也变成 ex 了
    songkaiape
    songkaiape
    Jun 1, 2016
    34
    嗯,不是很懂前端,但是想问下怎么能把这个动画改成兼容非 webkit 内核的动画呢?总不好跟妹子说,来先装个 GOOGLE 浏览器。。然后打开微信里那条网址。。
    brucewzp
    brucewzp
    Jun 1, 2016
    35
    楼主有心啊
    pseudo
    pseudo
    OP
    Jun 1, 2016
    36
    @lanpong 哈哈哈哈,好在现在的女孩更棒
    @songkaiape 我 css3 动画接触的少,所以也想问有没有其他方法呢
    @brucewzp 哈哈谢谢
    helloSwift
    helloSwift
    Jun 1, 2016
    37
    好玩 哈哈哈哈
    Senorsen
    Senorsen
    Jun 1, 2016
    38
    效果挺好的,简单漂亮
    songkaiape
    songkaiape
    Jun 1, 2016
    39
    @pseudo $('#anim').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() 我查到说这个 Jquery 自带的 one 可以保证兼容,但是好像还是不行
    ppppayme
    ppppayme
    Jun 2, 2016
    40
    脸过不了儿童节,胸可以过啊。
    体重过不了儿童节,身高可以过啊。
    年龄过不了儿童节,智商可以过啊。
    人生经验过不了儿童节,性经验可以过啊。
    shippo7
    shippo7
    Jun 2, 2016 via iPhone
    41
    萝莉有三好
    轻音身柔易推倒
    ynlwys
    ynlwys
    Jun 2, 2016 via Android
    42
    部分手机输入法的完成前往无法提交输入框的名字, Google 输入法可以,百度不行😂😂😂
    SlipStupig
    SlipStupig
    Jun 2, 2016
    43
    我的心上人还不知道在哪里,也许还在上一个动物园呢
    hqs123
    hqs123
    Jun 2, 2016
    44
    楼上都挺搞笑的哈哈
    pseudo
    pseudo
    OP
    Jun 2, 2016
    45
    @helloSwift
    @Senorsen 谢谢你们!
    @songkaiape 我也不是很清楚诶,自己用 Chrome 就偷了个懒
    @ynlwys 我是用 keycode==13 判断的,可能不同输入法有不同吧
    @SlipStupig 哈哈哈哈哈
    @hqs123 哈哈哈哈
    taxiangdeni
    taxiangdeni
    Jun 2, 2016
    46
    对不起,你不是我的心上人
    andyhuzhill
    andyhuzhill
    Jun 2, 2016
    47
    居然在作者的简历里发现了母校的名字
    andyhuzhill
    andyhuzhill
    Jun 2, 2016
    48
    @andyhuzhill 我是说我的母校 话没说清楚
    StargazerWikiv
    StargazerWikiv
    Jun 2, 2016
    49
    意识输入了楼主的昵称,结果原来楼主是有节操的人。
    pseudo
    pseudo
    OP
    Jun 2, 2016
    50
    @andyhuzhill 哈哈哈哈校友啊
    @StargazerWikiv 哈哈哈当然我不会那么
    t40462860
    t40462860
    Jun 3, 2016
    51
    输入 xxx 然后啥反应都没有呀。。
    pseudo
    pseudo
    OP
    Jun 3, 2016
    52
    @t40462860 按 Enter 啦
    andyhuzhill
    andyhuzhill
    Jun 3, 2016 via Android
    53
    @pseudo 并不是校友 我是 csust 的
    pseudo
    pseudo
    OP
    Jun 4, 2016
    54
    @andyhuzhill 哈哈哈那也是有缘人
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1330 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 120ms · UTC 20:09 · PVG 04:09 · LAX 12:09 · JFK 15:09
    ♥ Do have faith in what you're doing.