슬라이드 ,간단한 swiper 사용

Posted by 이상한 나라의 채소토끼
2018. 6. 11. 18:16 JAVASCRIPT & J-QUERY

슬라이드 효과가 아닌 fade 효과 주기


new Swiper( '.swiper-container', {
    effect : 'fade',
});


pagination : { // 페이징 설정
		el : '.swiper-pagination',
		clickable : true, // 페이징을 클릭하면 해당 영역으로 이동, 필요시 지정해 줘야 기능 작동
	},


autoplay: { //오토플레이 설정
      delay: 3000, //딜레이 시간 설정
      },
speed : 2000, // 슬라이드 속도 2초

사이트 - http://idangero.us/swiper/get-started/

저작자표시 비영리

'JAVASCRIPT & J-QUERY' 카테고리의 다른 글

조건문  (0) 2018.06.14
javascript & jquery 이해  (0) 2018.05.29
제이쿼리 버전 차이  (0) 2018.03.13
라이브러리, 플러그인, 함수, 확장 라이브러리의 차이점  (0) 2018.03.09
크로스 브라우징을 위한 HTML5 shiv와 IE checker  (0) 2018.02.08
Trackback: Comment:

백그라운드 블렌드 모드 섞는 방법

Posted by 이상한 나라의 채소토끼
2018. 6. 11. 16:27 HTML , CSS

백그라운드 블렌드 모드로 하기


https://css-tricks.com/basics-css-blend-modes/

저작자표시 비영리

'HTML , CSS' 카테고리의 다른 글

사용하면 안되는 조건  (0) 2018.06.14
font-weight로 글자의 굵기를 정합니다.  (0) 2018.06.12
margin 통합  (0) 2018.06.11
transform 파헤치  (0) 2018.01.31
line-height 속성  (0) 2018.01.11
Trackback: Comment:

margin 통합

Posted by 이상한 나라의 채소토끼
2018. 6. 11. 14:21 HTML , CSS

margin이 겹칠경우  큰값을 이용하게 된다.

저작자표시 비영리

'HTML , CSS' 카테고리의 다른 글

font-weight로 글자의 굵기를 정합니다.  (0) 2018.06.12
백그라운드 블렌드 모드 섞는 방법  (0) 2018.06.11
transform 파헤치  (0) 2018.01.31
line-height 속성  (0) 2018.01.11
overflow 속성  (0) 2018.01.11
Trackback: Comment:

웹폰트

Posted by 이상한 나라의 채소토끼
2018. 6. 11. 12:07 카테고리 없음
노토산스(notosanskr)


font-family: 'Noto Sans KR', sans-serif;

간단히 css에 추가!


---- 한중일 3가지 폰트 쓰기 ---




/*  한국어 */
:lang(ko) {
 font-family: 'Noto Sans KR', sans-serif;
}


/* 일본어 */
:lang(ja) {
 font-family: 'Noto Sans JP', sans-serif;
}


/* 중국어 (간체) */
:lang(zh-Hans) {
 font-family: 'Noto Sans SC', sans-serif;
}
:lang은 html에 추가


저작자표시 비영리
Trackback: Comment:

티스토리툴바