用户:RedDragon/Test1：修订间差异
来自Rizline中文维基
更多操作
小 |
小 |
||
| 第1行： | 第1行： | ||
<randomuserswithavatars/> | <randomuserswithavatars/> | ||
<html> | |||
<style> | |||
.glowing-card { | |||
width: 120px; | |||
padding: 10px; | |||
border-radius: 10px; | |||
color: #976dff; | |||
text-align: center; | |||
font-size: 17px; | |||
font-weight: bold; | |||
text-shadow: 0 0 10px #976dff; | |||
transition: all 0.2s ease; | |||
cursor: pointer; | |||
position: relative; | |||
overflow: hidden; | |||
z-index: 1; | |||
} | |||
.glowing-card::before { | |||
content: ''; | |||
position: absolute; | |||
top: 0; | |||
left: -100%; | |||
width: 100%; | |||
height: 100%; | |||
background: #5d27e64d; | |||
border-radius: 10px; | |||
transition: left 0.1s ease; | |||
z-index: -1; | |||
} | |||
.glowing-card:hover { | |||
background: rgba(255, 255, 255, 0.05); | |||
color: #3492ff; | |||
transform: translate(-1px, -1px); | |||
text-shadow: 0 0 10px #3492ff; | |||
} | |||
.glowing-card:active::before { | |||
left: 0; | |||
} | |||
.glowing-card:active { | |||
color: white; | |||
text-shadow: 0 0 10px #fff; | |||
} | |||
</style> | |||
<body> | |||
<div class="glowing-card"> | |||
click this | |||
</div> | |||
</body> | |||
</html> | |||
<html> | <html> | ||
2025年11月28日 (五) 01:02的版本
加入社区
click this
|
Rizline Original[1]
详细信息
|
|||||||||||||||||||||||||||
User:RedDragon/Test User:RedDragon/Test1 User:RedDragon/Test2