Skip to content

Commit 9b54c27

Browse files
authored
Update hux-blog.css
1 parent 0f498d9 commit 9b54c27

File tree

1 file changed

+45
-0
lines changed

1 file changed

+45
-0
lines changed

web/css/hux-blog.css

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1694,3 +1694,48 @@ img::-moz-selection {
16941694
.no-scroll {
16951695
overflow-y: hidden;
16961696
}
1697+
1698+
/* 右侧工具条样式 */
1699+
.toolbar {
1700+
position: fixed;
1701+
right: 20px;
1702+
top: 50%;
1703+
transform: translateY(-50%);
1704+
display: flex;
1705+
flex-direction: column;
1706+
gap: 15px;
1707+
z-index: 1000;
1708+
}
1709+
1710+
.tool-btn {
1711+
padding: 12px;
1712+
background: #fff;
1713+
border: 1px solid #ddd;
1714+
border-radius: 8px;
1715+
cursor: pointer;
1716+
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
1717+
transition: all 0.3s;
1718+
position: relative;
1719+
}
1720+
1721+
.tool-btn:hover {
1722+
transform: translateY(-2px);
1723+
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
1724+
}
1725+
1726+
.qr-img {
1727+
display: none;
1728+
position: absolute;
1729+
left: -120px;
1730+
top: 50%;
1731+
transform: translateY(-50%);
1732+
width: 100px;
1733+
height: 100px;
1734+
border: 1px solid #ddd;
1735+
border-radius: 8px;
1736+
}
1737+
1738+
.tool-btn:hover .qr-img {
1739+
display: block;
1740+
}
1741+

0 commit comments

Comments
 (0)