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並手動實施該功能。

這是免費使用的嗎？

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

如果您發現此項目有用，則可以利用以下徽章傳播詞：

這是完美的嗎？

沒有。無法很好地處理長期標題。我敢肯定還有其他一致問題。我在一天之內寫了這篇文章，不要期待太多。隨時提交修復/改進。