편집토론문서 역사

틀:와르샤와/styles.css: 두 판 사이의 차이

< 틀:와르샤와
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
.IM_POG-Section1 {
.losiacard {
    background: rgba(40,40,0,0);
  display: inline-block;
transition: background 1s;
  overflow: hidden;
  width: 190px;
  height: 280px;
  border-radius: 5px;
}
}
.IM_POG-Section1a {
 
    transform: translateX(80%);
.losiacard:hover{
transition: transform 1s;
  z-index:3;
  margin-left: auto;
  margin-right: auto;
}
}
.IM_POG-Section1b {
 
    display:inline-block;
.losiacard img {
    overflow:hidden;
  display: inline-block;
    transform: translateX(0%);
  overflow: hidden;
    height:0px;
  width: 190px;
    opacity:0;
  height: 280px;
transition:opacity 1s, transform 1s, height 1s;
  border-radius: 5px;
}
  transform: scale(0.95);  
.IM_POG-Section1:hover > .IM_POG-Section1a {
  transition: .2s ease-out;
    transform: translateX(0%);
}
.IM_POG-Section1:hover > .IM_POG-Section1b {
    transform: translateX(0%);
    height:max-content;
    opacity:1;
}
.IM_POG-Section1:hover {
    background: rgba(0, 0, 0, 0.7);
}
}

2023년 12월 30일 (토) 12:52 판

.losiacard {
  display: inline-block;
  overflow: hidden;
  width: 190px;
  height: 280px;
  border-radius: 5px;
}

.losiacard:hover{
  z-index:3;
  margin-left: auto;
  margin-right: auto;
}
   
.losiacard img {
  display: inline-block;
  overflow: hidden;
  width: 190px;
  height: 280px;
  border-radius: 5px;
  transform: scale(0.95); 
  transition: .2s ease-out;
}