个人小作品-登录界面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了个人小作品-登录界面相关的知识,希望对你有一定的参考价值。

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

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

  先看看效果:

技术分享

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

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

以上是关于个人小作品-登录界面的主要内容,如果未能解决你的问题,请参考以下文章

个人andriod实习小作品,个人联网笔记本

适合摄影展写真相册影楼作品展个人展示类小程序

个人项目--词频统计

Vue.js起手式+Vue小作品实战

Vue.js起手式+Vue小作品实战

期末作品检查