편집토론문서 역사

틀:연습장:아바투르너마저/1/styles.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
1번째 줄: 1번째 줄:
.outer {
#slider {
  border: 6px solid #fff;
  overflow:hidden;
  width: 300px;
  position:relative;
  height: 200px;
  border:20px solid red;
  margin: 0 auto;
  width:1440px;
  overflow-x: hidden;
  height:200px;
}
}
 
.image-box {
.inner-list {
  width:5280px;
  display: flex;
  height:100%;
  transition: .3s ease-out;
  display:flex;
  height: 100%;
  flex-wrap:nowrap;
  animation: bannermove 5s linear infinite;
}
}
 
@keyframes bannermove {
.inner {
   0% {
   border: 6px solid olive;
      transform: translate(0, 0);
  padding: 0 16px;
  }
}
  100% {
 
      transform: translate(-50%, 0);
.button-list {
   }
   text-align: center;
}
}

2023년 10월 6일 (금) 17:18 기준 최신판

#slider {
   overflow:hidden;
   position:relative;
   border:20px solid red;
   width:1440px;  
   height:200px;
}
.image-box {
   width:5280px; 
   height:100%;
   display:flex;
   flex-wrap:nowrap;
   animation: bannermove 5s linear infinite;
}
@keyframes bannermove {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-50%, 0);
  }
}