메인 공지사항 기능소개 매뉴얼     TEST BOARD : [1]  [2]  [3]  [4]  [5]
내용없음9
내용없음10
      APPLICATION
무료 스킨.모듈

유료 스킨.모듈

활용 홈페이지

활용팁 공유

자료 공유

유틸리티

웹 스터디
제작자 리소스

최근 활용팁 공유 RANK
        -- update:30Min --


CSS만으로 돌아가는 배너 슬라이드입니다.
  web study
웹 스터디
홈페이지 제작,운영에 관련된 모든 기술 공유 게시판입니다.
웹프로그램, 웹디자인, 자바스크립트, HTML, XML, 시스템 관리 등 구분없습니다.
적립되는 포인트는 100P 입니다.
글쓴이 bjsung
ㆍ추천: 9  ㆍ읽음: 4584        
ㆍ2015-08-04 (화) 08:51
“ CSS만으로 돌아가는 배너 슬라이드입니다. ”

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>document</title>
<style>
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
body { margin: 0; }
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure {
position: relative;
width: 500%;
margin: 0;
top:0;
left: 0;
text-align: left;
font-size: 0;
-webkit-animation: 20s slidy ease-in-out infinite;
animation: 20s slidy ease-in-out infinite;
}
</style>
</head>
<body>
<div id="slider">
<figure>
</figure>
</div>
</body>
</html>


* 사용 설명이 불분명한 자료는 사용자 안전을 위해 삭제하오니 양해 바랍니다.
* 포인트 취득 목적만으로 무의미한 엉터리 자료 올리려는 분은 부디 양심 찾으시길 바랍니다.
* 이글은 지우고 올리십시오.
       
 이름아이콘 둘빈아빠
2015-09-14 14:04
이런게 필요했는데  잘 쓸께요 ^^
감사합니다.
   
 이름아이콘 davidbrown
2015-10-23 00:57
잘 쓸게요~~~`
   
 이름아이콘 아이케
2016-02-18 11:25
좋네요 ㅎㅎㅎ
   
 
  0
3500
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
윗글 [JS] object 를 array 로 변환
아래글 PHP 핵심 정리.
   
웹스터디 게시판 입니다. [23] 테크노트 2007-02-23
133 JavaScript [JS] object 를 array 로 변환 [1] 기즈모SOFT 2016-07-27
132 CSS만으로 돌아가는 배너 슬라이드입니다. [3] bjsung 2015-08-04
131 PHP PHP 핵심 정리. [6] 테크폐인 2013-09-01
130 JavaScript 우클릭 완벽차단 스크립트.. [6]+1 콜라~ 2013-04-13
129 JavaScript 웹 복사방지 및 뚫기에 대하여 [8]+1 애드텍 2013-02-15
128 CSS 크롬에서 배경이미지 배경색 인쇄방법 [3]+2 콜라~ 2013-01-17
127 CSS ie7에서 position:absolute 버그해결방법 [5] 콜라~ 2013-01-04
126 JavaScript 홈페이지 내용 무단복사 막는 방법 [11]+1 콜라~ 2012-10-03
125 HTML 인쇄할 때 page를 나누는 방법 [4]+3 콜라~ 2012-09-27
124 PHP PHP 변수 [1] 머니콤 2012-06-29
123 PHP PHP 연산자 [4] 머니콤 2012-05-29
122 기타 인터넷 뱅킹하고 나면 익스플러 설정이 바뀌어 있음 [2] 푸리지아 2012-05-11
121 HTML 충격! GET으로 공백 포함하여 넘기는 방법 [3] 애드텍 2012-03-23
120 PHP '?:'연산을 알아봅시다. [2]+1 애드텍 2012-02-22
119 checkbox 체크하면 td 색 변하는 소스 [4] 테크폐인 2012-02-18
118 테이블에 라운드 효과주기 [5] 테크폐인 2012-02-03
117 새로나온 html5 책 [6] 알랑랑엉 2011-09-16
116 기타 리눅스 : 파일 날짜 일괄 변경하기 [3] TechNote 2011-07-14
12345678