|
|
| （未显示同一用户的4个中间版本） |
| 第1行： |
第1行： |
| <div class="avatar-frame" style="margin: 2px;">[[File:face_character_{{{ 5|}}}.png|link= {{{1|}}}]]<div class="avatar-name">{{{ 1|}}}</div></div> | | <div style="display:inline-block"><div class="avatar-frame" style="margin: 2px;">[[File:face_character_{{{ 1|}}}.png|link=]]<div class="avatar-name">{{{ 2|}}}</div></div> </div> |
| {{#css:
| |
| .avatar-frame {
| |
| position: relative;
| |
| display: inline-block;
| |
| vertical-align: top;
| |
| border: 3px solid #ccc;
| |
| border-radius: 5px;
| |
| overflow: hidden;
| |
| box-shadow: 0 2px 5px rgba(0,0,0,0.1);
| |
| background: #f5f5f5;
| |
| transition: transform 0.3s ease, box-shadow 0.3s ease;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .avatar-frame:hover {
| |
| transform: scale(1.05);
| |
| box-shadow: 0 4px 8px rgba(0,0,0,0.2);
| |
| z-index: 10;
| |
| }
| |
| | |
| .avatar-frame img {
| |
| display: block;
| |
| width: 100px;
| |
| height: 100px;
| |
| object-fit: cover;
| |
| }
| |
| | |
| .avatar-name {
| |
| position: absolute;
| |
| left: 0;
| |
| bottom: 0;
| |
| padding: 2px 8px;
| |
| color: white;
| |
| font-size: 12px;
| |
| font-weight: bold;
| |
| text-shadow: 0 0 2px black, 0 0 2px black;
| |
| white-space: nowrap;
| |
| max-width: 100%;
| |
| overflow: hidden;
| |
| text-overflow: ellipsis;
| |
| border-top-right-radius: 3px;
| |
| }
| |
| }}
| |
