일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- 게시판
- #쇼핑몰
- #cgimall
- #이미지
- #jQuery
- 웹솔루션
- #CSS
- #홈페이지제작
- #홈페이지
- #솔루션
- #해피CGI
- 솔루션
- 홈페이지
- 해피씨지아이
- happycgi
- CSS
- 쇼핑몰
- #웹솔루션
- CGIMALL
- javascript
- #happycgi
- 홈페이지제작
- 사이트제작
- jquery
- 해피CGI
- #동영상
- php
- #image
- #뉴스
- #업종별
- Today
- Total
목록Background (6)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 jquery.youtube-background.js 파일을 호출합니다. 2. 배경 요소를 만들고 배경으로 사용할 Youtube, Vimeo, HTML5 비디오 영상 주소를 data-vbg 옵션에 넣습니다. 3. 그리고 youtube_background 플러그인을 호출하면 끝입니다. 4. 각종 옵션을 제공합니다. (옵션 코드는 사이트를 참고하세요.) * 모바일에서 비활성화 여부 (기본값 false) * 재생 및 음소거 버튼 표시 여부 (기본값 false) * 영상 로드 전 배경 로드 여부 (기본값 true) * 페이지 로드 시 비디오 자동 재생 여부 (기본값 true) * 페이지 로드시 비디오 음소거 여부 (기본값 true) * 비디오 반복 ..
배경이미지를 사용하지 않고 간단하게 기울어진 배경색상을 적용할 수 있습니다. transform(skew(0deg, -10deg)); 부분을 수정해서 기울기를 조절할 수 있습니다. .content{ @include transform(skew(0deg, 20deg)); 텍스트 부분의 기울기는 위의 소스에서 조절이 가능합니다.
SVG 코드를 Insert SVG란에 넣어 출력되는 Css코드를 이용하여 SVG를 백그라운드로 사용할 수 있도록 변환해주는 사이트입니다. Insert SVG에 svg 코드를 넣으면 아래와같이 출력이 됩니다. 아래의 ready for css의 코드부분에서 확인하실 수 있으며 preview에서 결과값도 확인할 수 있습니다. svg를 이용하여 보다 또렷한 아이콘을 출력하세요
다운로드 받은 파일의 압축을 풀면 나오는 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 스크롤을 내리거나, 올릴때 웹페이지의 배경에 시차를 둔 스크롤 효과를 확인해볼 수 있습니다. 스크롤을 내리면 아래의 그림 처럼 웹페이지의 배경이 시간의 차이를 두고 변경이 되는 효과를 확인해볼 수 있습니다. 사용하는 방법은 위 설명을 참고하면 되겠습니다.
사이트에서 배경을 제거 하고 싶은 이미지를 올리기만하면 빠른시간안에 배경을 제거 및 수동으로 조정할 수 있는 사이트입니다. 이미지 배경날리기가 이제 한층 쉬워지겠네요.
YouTube 동영상을 표지 배경으로 삽입 가능한 가볍고 간단한 jQuery 플러그인입니다. 해당 플러그인은 YouTube 동영상 임베딩 API를 사용하여 동영상을 가져와 웹 페이지 (또는 특정 div) 배경으로 재생합니다. HTML5 데이터 속성에 비디오 URL을 추가하기 만하면이 플러그인이 해당 비디오를 배경으로 자동 설정합니다. 모든 크기 및 기간으로 비디오를 추가 할 수 있으며 사용 가능한 화면 크기로 크기가 조정됩니다. 그리고 배경 비디오는 반복 재생됩니다. 라이센스는 MIT Licence 입니다. Youtube 영상을 가져와서 보여주려면 사용하는 도메인은 SSL 보안인증서가 장착된 HTTPS 도메인에서만 사용 가능 합니다. 사용법 안내 입니다. /* optional css fade in ani..