연습장:Sakura/1: 두 판 사이의 차이

9번째 줄:

<div class="bg-violet-500 py-6 rounded-l w-[250px]"><span class="text-2xl text-white" style="font-family: 'Noto Serif JP', serif;">1000年生きてる</span><br><span class="text-xs text-white" style="font-family: 'Noto Serif JP', serif;">ⓒ 2023. Sakura All rights reserved.</span></div>

</div>

30번째 줄:

h5 { font-size: 1.25rem; }

h6 { font-size: 1.1rem; }

.backdrop-filter {

backdrop-filter: saturate(180%) blur(20px);

}

a {

@@ 9번째 줄: / 9번째 줄: @@
 <div class="bg-violet-500 py-6 rounded-l w-[250px]"><span class="text-2xl text-white" style="font-family: 'Noto Serif JP', serif;">1000年生きてる</span><br><span class="text-xs text-white" style="font-family: 'Noto Serif JP', serif;">ⓒ 2023. Sakura All rights reserved.</span></div>
 <div class="flex">
-<div class="bg-gradient-to-r from-violet-500 to-transparent flex flex-row flex-wrap content-center gap-4 h-full saturate-200 blur-2xl">
+<div class="bg-gradient-to-r from-violet-500 to-transparent flex flex-row flex-wrap content-center gap-4 h-full backdrop-filter">
 <div class="text-sm text-white px-4" style="font-family: 'Noto Serif KR', serif;">세계관 소개</div><div class="text-sm text-white px-4" style="font-family: 'Noto Serif KR', serif;">문서보기</div>
 </div>
@@ 30번째 줄: / 30번째 줄: @@
 h5 { font-size: 1.25rem; }
 h6 { font-size: 1.1rem; }
+.backdrop-filter {
+    backdrop-filter: saturate(180%) blur(20px);
+}
 a {

연습장:Sakura/1: 두 판 사이의 차이

2023년 7월 16일 (일) 22:45 판