最近疯狂迷恋上 css 动画,研究了几天,给书架博客做了一次升级。
1. 首页
首页去除了背景图书馆的照片,换成单色调,更加简单。
布局上分了三部分:书架
、标题
、大白
。
-
书架
。默认缩小 0.8 倍,静静的排在页面左边。当鼠标悬浮时,恢复原来大小,并移动到屏幕中心位置; -
标题
。just a name; -
大白
。可爱的大白(●—●)会问候每一位来访的客人,如果想要快速搜索文章,看见大白肥硕的肚子没,那儿有个输入框........
2. 书本立体效果
之前看到的一个效果,一直想着迁移过来。到今天总算是完成了。书柜给了背景阴影效果,增加立体感。
3d书本3. 文章 markdown 样式
文章 markdown 样式参考阮一峰博客和简书的 UI。修改了部分感觉看着不爽的地儿。
书架博客传送门。如果你有好的想法,欢迎下方留言,让页面动起来~
网友评论