CSS 응용편-배경을 투명하게 만들기

.article > *,
.all-header-text,
.menu-side > *,
.blog-menu a::before,
.menu-side .all-header-icon,
.menu-side.black .all-header-text,
.blog-name a,
.white-box, 
.black-box {
    background-color: transparent !important;
}

.white .blog-img-box,
.border .blog-img-box,
.white .blog-name a, 
.white .blog-sub {
    border-color: transparent !important;
}

.comment-bar-text {
	background: transparent !important;
}

.content-side > *:not(.paging-box,.copyright),
.menu-side > *:not(.blog-menu),
.blog-menu a::before {
    backdrop-filter: blur(30px) brightness(1.1) !important;
}

 

위 코드를 복사한 다음 style.css 최하단에 붙이면 현재 페이지와 같이 배경을 투명하게 만들 수 있다.

디자인 특성상 배경 이미지가 화려할수록 예쁠 듯.

현재 이미지 링크 : unsplash.com/photos/8uZPynIu-rQ