前端诈魔术(一)

原创 houjinlong 随笔 html 719阅读 2017-05-22 14:42:09 举报

前端在我看来和魔术师是一样的,因为为了达到某种效果我们都要做一件事,用术语说叫视觉欺骗!不过我们的魔术是不能被看穿的,因为用户看不懂代码╰( ̄▽ ̄)╮]

[blockquote]
这个是我原创的哦ლ(╹ε╹ლ) ლ(╹ε╹ლ) 
上网时看到人家的一个很好的背景效果!
但人家的是用js写的,不知道为啥突然脑子里就想起了keyframes ;于是仿了一个!
但是有点缺陷,转换不自然,有一小段黑,有个想法除了opacity再在动画中加一个z-index应该就能解决!
但最近忙着学Vue没时间!哪位大神研究研究,然后告我←_←
在线演示
[/blockquote]

html 代码

评论 ( 8 )
最新评论
老姚 7F 2017-05-23 10:45:13 8F

也许是人类的生命太短暂不足以体会人生真谛。如果所有人都能活500岁,估计人类的现在普遍的价值观跟现在都会大不一样。

houjinlong 6F 2017-05-23 10:40:28 7F

厉害了
,我看仙逆咋没看出哲学,当初能这样看也不会被老师批
( 玩笑),非常感谢你能看我写的东西还评论!如果有不当的地方请多多指教,谢谢

老姚 5F 2017-05-23 10:09:52 6F

你看《断舍离》重新定义瑜伽呢,《仙逆》小说重新定义哲学呢!

houjinlong 4F 2017-05-23 09:38:20 5F



好尴尬!早知道不说心里话了

老姚 3F 2017-05-22 20:24:06 4F

魔术~~

老姚 2017-05-22 20:23:40 3F

重新定义模式

houjinlong 1F 2017-05-22 16:25:48 2F

知道,专门写的,不然他就是白色的闪一下,我的意思是第一张图opacity开始变为0时第二张图opacity开始变为1 ;这中间有一段2张opacity都不高,所以能看到背景!所以我想的这块解决办法是第一个opacity还没为0第二张图opacity已经变为1然后第二张z-index大于第一张,这样就好多了,但keyframes 是得一直调然后找一个最好的效果,比较麻烦没时间(其实是懒
),说的有点多了
,你是第一个评论我写的东西的人,有点激动

三月三 2017-05-22 15:49:27 1F

那黑色是你body背景色