书架博客第二弹

2019独角兽企业重金招聘Python工程师标准>>>

最近疯狂迷恋上 css 动画，研究了几天，给书架博客做了一次升级。

1. 首页

首页去除了背景图书馆的照片，换成单色调，更加简单。

布局上分了三部分：书架、标题、大白。

• 书架。默认缩小 0.8 倍，静静的排在页面左边。当鼠标悬浮时，恢复原来大小，并移动到屏幕中心位置；
• 标题。just a name；
• 大白。可爱的大白(●—●)会问候每一位来访的客人，如果想要快速搜索文章，看见大白肥硕的肚子没，那儿有个输入框........

2. 书本立体效果

之前看到的一个效果，一直想着迁移过来。到今天总算是完成了。书柜给了背景阴影效果，增加立体感。

3. 文章 markdown 样式

文章 markdown 样式参考阮一峰博客和简书的 UI。修改了部分感觉看着不爽的地儿。

---

书架博客传送门。如果你有好的想法，欢迎下方留言，让页面动起来~

转载于:https://my.oschina.net/dkvirus/blog/1826049