#CSS

The Making of 'Live Photo' Component

Simple component but cool user experience.

Aug 15, 2024 Front-End 7 min read

Position Sticky in CSS

When will position: sticky works?

Nov 17, 2023 Front-End 3 min read

Lynan

Live Young n Act Now.

42 Posts / 5 Categories / 27 Tags / 2 Series

About This Site What's New

.hdr-info-wrap { display: none; } #back-to-top { transform: translateY(0); pointer-events: all; opacity: 1; } .lazyload-wrap { display: none; } .post-cover-img-wrap .cover-img { opacity: 1 !important; } #gitalk-container { display: none; } .hdr-switch { display: none; } #toc-toggle { display: none; } .button.rss { margin-right: 0 !important; } .copy-btn { display: none; } #page-donates { display: none; } #post-age-warning { display: none; } #toc { .toc-item-wrap:not(.active) { opacity: unset; transition: unset; } &:hover { .toc-item-wrap:not(.active) { opacity: unset; } } .toc-item-wrap.active { .toc-item-link { font-weight: normal; color: #333333; &::before { display: none; } &:not(.active) { opacity: unset; } } .toc-sub-item-link:not(.active) { opacity: unset; } } }