Skip to content

Commit

Permalink
transitive loading - seil
Browse files Browse the repository at this point in the history
  • Loading branch information
seilk committed Jun 8, 2024
1 parent a65e55f commit 27a1a24
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 10 deletions.
12 changes: 7 additions & 5 deletions css/wowchemy.css
Original file line number Diff line number Diff line change
Expand Up @@ -10007,16 +10007,18 @@ ul.ul-jour-rev-experience li .description p {
/*************************************************
* Transition Loading Components
**************************************************/
.fade {
/* 초기 상태: 불투명도 0 */
body {
opacity: 0;
transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
.fade {
body {
transition: none;
}
}

.fade:not(.show) {
opacity: 0;
}
body.show {
opacity: 1;
}
8 changes: 3 additions & 5 deletions js/scripts.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
// 페이지가 로드되면 show 클래스를 fade 요소에 추가
// 페이지가 로드되면 show 클래스를 body 요소에 추가
window.addEventListener('load', function() {
document.querySelectorAll('.fade').forEach(function(element) {
element.classList.add('show');
});
});
document.body.classList.add('show');
});

0 comments on commit 27a1a24

Please sign in to comment.