MemE-主题增加卡片风格和彩色字体

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20

.mytag{
   position: relative;
   left: 0; right: 0;
   width: 100%;
   height: 100%;
   line-height: 2;
   margin: auto;
   border-radius: 5px;
   background: rgba(255, 255, 255, .2);
   box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .5);
   overflow: hidden;
}
.mytag::before{
   content: '';
   position: relative;
   left: 0; right: 0;
   filter: blur(20px);
   z-index: -1;
   margin: -30px;
}

1
2
3
4
5
6

<div class="mytag">
<p style="margin:25px">
   <b>“所有的科学不是物理学,就是集邮。”</b>
</p>
<div style="text-align:right;margin:15px" ><footer>——<cite>卢瑟福</cite></footer></div>	
</div>

1
2
3
4
5
6
7
8
9

.viva-la-vida {
   margin-top: 50px;
   text-align: center;
   font-family: 'Cinzel Decorative', serif !important;
   background-image: linear-gradient(90deg, #f37055 0, #ef4e7b 40%, #f37055 45%, #a166ab 50%, #f37055 55%, #ef4e7b 60%, #f37055 100%);
   background-size: cover;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

1

<h2 class="viva-la-vida">さぁ，お前の罪を数えろ！ 来细数你的罪恶吧！<br>假面骑士W</h2>