书架博客第二弹

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

1. 首页

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

布局上分了三部分:书架标题大白

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

首页

2. 书本立体效果

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

3d书本

3. 文章 markdown 样式

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


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

猜你喜欢

转载自my.oschina.net/dkvirus/blog/1826049
今日推荐