kennethreitz/kjvstudy.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/kjvstudy.org.git synced 2026-06-05 23:00:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add scale animation to chapter tooltip hover effect

Browse Source
This commit is contained in:
Kenneth Reitz
2025-05-30 13:15:06 -04:00
parent 3bfbcdc692
commit 56c883cb79
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kjvstudy_org/templates/book.html
+6 -1
View File
@@ -136,7 +136,8 @@
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease 0.5s, visibility 0.3s ease 0.5s;
transform: translateX(-50%) scale(0.8);
transition: opacity 0.3s ease 0.5s, visibility 0.3s ease 0.5s, transform 0.3s ease 0.5s;
}
.chapter-link::after {
@@ -160,6 +161,10 @@
visibility: visible;
}
.chapter-link:hover::before {
transform: translateX(-50%) scale(1);
}
@media (max-width: 768px) {
.chapter-link::before {
position: fixed;