문서 편집 권한이 없습니다. 다음 이유를 확인해주세요: 요청한 명령은 다음 권한을 가진 사용자에게 제한됩니다: 사용자. 문서의 원본을 보거나 복사할 수 있습니다. {{뱅드림!/테마}} {{틀:케이 펼접|형식=호출}} [[분류:위키스 뱅드림! 프로젝트/전용 연습장]] <span style="display:block; margin:-25px 0;"></span> <div class="gbp-member-card fold-button" data-target="bandoripopipa" style="margin:6px 0 3px 0; padding:6px; border:3px solid {{뱅드림색상|포피파}}; border-radius:8px; background:transparent; overflow:hidden;"> <div class="gbp-member-inner"> <div class="gbp-member-bg">[[파일:뱅드림! 멤버 목록-Poppin'Party-배경.webp|link=]]</div> <div class="gbp-member-character">[[파일:뱅드림! 멤버 목록-Poppin'Party-멤버.webp|link=]]</div> <div class="gbp-member-gradient"></div> <div class="gbp-member-logo">[[파일:뱅드림! Poppin'Party 로고.webp|link=]]</div> </div> {{케이 펼접 | 형식 = 컨텐츠 | id = bandoripopipa | 내용 = <div class="gbp-member-list" style="margin-top:6px;"> <div class="gbp-member-item" style="border:3px solid {{뱅드림색상|리미}}; border-radius:8px; padding:4px; overflow:hidden;"><div class="gbp-member-item-inner"><div class="gbp-member-item-bg">[[파일:뱅드림! 멤버 목록-Poppin'Party-멤버 배경.webp]]</div><div class="gbp-member-item-character">[[파일:뱅드림! 멤버 목록-Poppin'Party-우시고메 리미.webp|link=우시고메 리미]]</div><div class="gbp-member-item-name" style="background: linear-gradient(to top, rgba(0,0,0,0.4) 93%, transparent); color: #fff; line-height: 1em;"><span style="font-size: 1.2em; font-family:Pretendard; font-weight: bold;">牛込 りみ</span><br>'''우시고메 리미'''<br><span style="font-size: 0.7em; font-family:Pretendard">CV.니시모토 리미</span></div></div></div> <div class="gbp-member-item" style="border:3px solid {{뱅드림색상|사아야}}; border-radius:8px; padding:4px; overflow:hidden;"><div class="gbp-member-item-inner"><div class="gbp-member-item-bg">[[파일:뱅드림! 멤버 목록-Poppin'Party-멤버 배경.webp]]</div><div class="gbp-member-item-character">[[파일:뱅드림! 멤버 목록-Poppin'Party-야마부키 사아야.webp|link=야마부키 사아야]]</div><div class="gbp-member-item-name" style="background: linear-gradient(to top, rgba(0,0,0,0.4) 93%, transparent); color: #fff; line-height: 1em;"><span style="font-size: 1.2em; font-family:Pretendard; font-weight: bold;">山吹 沙綾</span><br>'''야마부키 사아야'''<br><span style="font-size: 0.7em; font-family:Pretendard">CV.오오하시 아야카</span></div></div></div> <div class="gbp-member-item" style="border:3px solid {{뱅드림색상|카스미}}; border-radius:8px; padding:4px; overflow:hidden;"><div class="gbp-member-item-inner"><div class="gbp-member-item-bg">[[파일:뱅드림! 멤버 목록-Poppin'Party-멤버 배경.webp]]</div><div class="gbp-member-item-character">[[파일:뱅드림! 멤버 목록-Poppin'Party-토야마 카스미.webp|link=토야마 카스미]]</div><div class="gbp-member-item-name" style="background: linear-gradient(to top, rgba(0,0,0,0.4) 93%, transparent); color: #fff; line-height: 1em;"><span style="font-size: 1.2em; font-family:Pretendard; font-weight: bold;">戸山 香澄</span><br>'''토야마 카스미'''<br><span style="font-size: 0.7em; font-family:Pretendard">CV.아이미</span></div></div></div> <div class="gbp-member-item" style="border:3px solid {{뱅드림색상|아리사}}; border-radius:8px; padding:4px; overflow:hidden;"><div class="gbp-member-item-inner"><div class="gbp-member-item-bg">[[파일:뱅드림! 멤버 목록-Poppin'Party-멤버 배경.webp]]</div><div class="gbp-member-item-character">[[파일:뱅드림! 멤버 목록-Poppin'Party-이치가야 아리사.webp|link=이치가야 아리사]]</div><div class="gbp-member-item-name" style="background: linear-gradient(to top, rgba(0,0,0,0.4) 93%, transparent); color: #fff; line-height: 1em;"><span style="font-size: 1.2em; font-family:Pretendard; font-weight: bold;">市ヶ谷 有咲</span><br>'''이치가야 아리사'''<br><span style="font-size: 0.7em; font-family:Pretendard">CV.이토 아야사</span></div></div></div> <div class="gbp-member-item" style="border:3px solid {{뱅드림색상|타에}}; border-radius:8px; padding:4px; overflow:hidden;"><div class="gbp-member-item-inner"><div class="gbp-member-item-bg">[[파일:뱅드림! 멤버 목록-Poppin'Party-멤버 배경.webp]]</div><div class="gbp-member-item-character">[[파일:뱅드림! 멤버 목록-Poppin'Party-하나조노 타에.webp|link=하나조노 타에]]</div><div class="gbp-member-item-name" style="background: linear-gradient(to top, rgba(0,0,0,0.4) 93%, transparent); color: #fff; line-height: 1em;"><span style="font-size: 1.2em; font-family:Pretendard; font-weight: bold;">花園 たえ</span><br>'''하나조노 타에'''<br><span style="font-size: 0.7em; font-family:Pretendard">CV.오오츠카 사에</span></div></div></div> </div> }} </div> {{#CSS: .gbp-member-card { width:100%; box-sizing:border-box; } .gbp-member-inner { position:relative; width:100%; overflow:hidden; border-radius:5px; } .gbp-member-bg { position:relative; width:100%; line-height:0; } .gbp-member-bg img { display:block; width:100%; height:auto; } .gbp-member-character { position:absolute; inset:0; z-index:2; overflow:hidden; transition:transform 0.3s ease; } .gbp-member-character a { display:block; width:100%; height:100%; } .gbp-member-character img { display:block; width:100%; height:100%; object-fit:cover; } .gbp-member-gradient { position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, {{뱅드림색상|포피파}}, transparent 60%); opacity:0.6; transition:opacity 0.3s ease; } .gbp-member-logo { position:absolute; z-index:4; left:0; bottom:0; width:30%; margin:0 0 12px 12px; line-height:0; } .gbp-member-logo img { display:block; width:100%; height:auto; } .gbp-member-inner:hover .gbp-member-character { transform:scale(1.05); } .gbp-member-inner:hover .gbp-member-gradient { opacity:0.2; } .gbp-member-list { display:flex; width:100%; gap:8px; overflow:hidden; } .gbp-member-item { position:relative; flex:1 1 0; min-width:0; box-sizing:border-box; } .gbp-member-item-inner { position:relative; width:100%; overflow:hidden; border-radius:5px; background:#fff; box-sizing:border-box; } .gbp-member-item-bg { position:relative; width:100%; line-height:0; } .gbp-member-item-bg img { display:block; width:100%; height:auto; } .gbp-member-item-character { position:absolute; inset:0; z-index:2; overflow:hidden; transition:transform 0.3s ease; } .gbp-member-item-character a { display:block; width:100%; height:100%; } .gbp-member-item-character img { display:block; width:100%; height:100%; object-fit:cover; } .gbp-member-item-name { position:absolute; z-index:3; left:0; bottom:0; width:100%; box-sizing:border-box; padding:10px 4px 6px 4px; text-align:center; } .gbp-member-item:hover .gbp-member-item-character { transform:scale(1.05); } }} 이 문서에서 사용한 틀: 틀:Css (원본 보기) 틀:뱅드림!/테마 (원본 보기) 틀:뱅드림색상 (원본 보기) 틀:케이 펼접 (원본 보기) 틀:케이 펼접/styles.css (원본 보기) 모듈:String (원본 보기) 연습장:뱅드림!/2 문서로 돌아갑니다.