virtual bookshelf

虚拟书架

这是使用一些CSS转换的书架上书籍上书籍的简单可视化，以散布在悬停书籍时挑选书籍的效果。

我在个人网站上使用它来跟踪我阅读的书。它与静态站点生成器完美地集成在一起，并且几乎所有内容都是香草JS，CSS和HTML。

如何添加更多书籍？

一本书的定义如下：

 < div class =" book " >
    < div class =" side spine " >
        < span class =" spine-title " > Book Title </ span >
        < span class =" spine-author " > PG </ span >
    </ div >
    < div class =" side top " > </ div >
    < div class =" side cover " > </ div >
</ div >

只需为您想要的每本书中添加此片段<div class="bookshelf"> 。

为什么根本使用JS？

我最初是针对No-JS实施的，但是没有办法在没有它的情况下为书籍的身高，颜色和图案增加随机性。您当然可以删除JS并手动实施该功能。

这是免费使用的吗？

是的，请您做任何您想做的事情。

如果您发现此项目有用，则可以利用以下徽章传播词：

这是完美的吗？

没有。无法很好地处理长期标题。我敢肯定还有其他一致问题。我在一天之内写了这篇文章，不要期待太多。随时提交修复/改进。