个人小作品-登录界面

Posted 2020-10-09

　　最近花了点时间写了这个登录界面，比较开心的是独立解决了制作过程中几个小难点...想要的，可以到我的Github去下载，主要还是有图片支撑才看起来不错~ hh..

　　让我觉得开心的部分，主要是怎样模糊背景而登陆界面的部分不会受到影响，我查了小会儿资料，都没有解决方案，有的说因为背景图片的模糊，其他元素会继承父级元素的效果，所以没办法。我觉得应该不会吧...我就想干脆这样来，把背景图片部分单独作为一个块级元素，然后登录界面用绝对位置来定位，也就相当于是重叠在图片的上方，这样就不会受到背景图片的模糊效果的影响了，实际上也确实是可行的。

　　先看看效果：

　　其实效果虽然少，但还是有一些的，因为是截图，所以就看不到其他效果了，嘛...其他的应该都很简单，比如过渡、提示效果、下拉效果等等，毕竟登录界面，也不用太花哨，不过又总觉得少了什么，所以加了背景，但又好像变得花哨了。

　　">"按钮用了JS来实现展开和关闭，其实感觉还不如左拉+过渡效果好看，不过将就了。源代码我上传到Github了，所以可以直接去那里下载。对了，还有图片也在文件里面，背景图片来自搜狗壁纸（具体源也不知道是哪的），登录的背景图片来自P站画师，但具体记不得画师的ID了，最近P站也登不上去了...