毕业设计(基于html5+css的博客开发系统)

用户头像
深圳/设计爱好者/10年前/15407浏览
毕业设计(基于html5+css的博客开发系统)
纯属自己的毕业作品,虽然并不完美,但是要结合设计+前端+后台代码在有限的时间内做成这样,我觉得还是可以了。
此作品重在前端,有些效果截屏看不出,所以凑合着欣赏吧!
毕业设计(基于html5+css的博客开发系统)(图ZMjgyMzc3MjA=) - 个人网站 - 站酷设计师lynnlovebear原创素材 - 站酷ZCOOL
响应式login页面,css3的效果
Collect
毕业设计(基于html5+css的博客开发系统)(图ZMjgyMzc4MTI=) - 个人网站 - 站酷设计师lynnlovebear原创素材 - 站酷ZCOOL
个人资料介绍界面(非博主看不到“编辑”按钮)
Collect
毕业设计(基于html5+css的博客开发系统)(图ZMjgyMzc4MjA=) - 个人网站 - 站酷设计师lynnlovebear原创素材 - 站酷ZCOOL
编辑个人资料界面
Collect
毕业设计(基于html5+css的博客开发系统)(图ZMjgyMzc4NDg=) - 个人网站 - 站酷设计师lynnlovebear原创素材 - 站酷ZCOOL
博文展示界面,包括评论区
Collect
毕业设计(基于html5+css的博客开发系统)(图ZMjgyMzc4MTY=) - 个人网站 - 站酷设计师lynnlovebear原创素材 - 站酷ZCOOL
home页时间轴展示界面,当拖动滚动条,直到看不到上面的导航栏时,左侧会出现副级“导航”,点开后,可以调整到相应页面。
Collect
毕业设计(基于html5+css的博客开发系统)(图ZMjgyMzc4NDA=) - 个人网站 - 站酷设计师lynnlovebear原创素材 - 站酷ZCOOL
响应式home展示,同有副级“导航”。当点击阅读全文时,文本框会拉长,对应文章会展开显示,再点击“收起”,文本框会变为原状。
Collect
毕业设计(基于html5+css的博客开发系统)(图ZMjgyMzc4NzI=) - 个人网站 - 站酷设计师lynnlovebear原创素材 - 站酷ZCOOL
瀑布流相册展示,当鼠标移动到任一图片上时,对应图片的右上角会出现删除按键,只要点击,即可删除此图片。且其它照片会自动移动补充到空位。
Collect
毕业设计(基于html5+css的博客开发系统)(图ZMjgyMzc4Njg=) - 个人网站 - 站酷设计师lynnlovebear原创素材 - 站酷ZCOOL
响应式瀑布流相册展示,根据窗口的大小展示图片的数量,图片同样是通过移动找到相应的位置排好。
Collect
毕业设计(基于html5+css的博客开发系统)(图ZMjgyMzc4NjQ=) - 个人网站 - 站酷设计师lynnlovebear原创素材 - 站酷ZCOOL
视频展示同相册展示效果一样,不过可以点击任一视频进行观看,再双击视频可以全屏播放,而普通窗口视频的右上角可以退出。该图片展示的视频不是高清的,所以有些失真,请见谅。
Collect
105
Report
|
15
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in