웹솔루션개발 25년 노하우! 해피CGI의 모든것

이미지만 올리면 간단히 배경을 지워주는 사이트입니다. 이미지를 업로드시 아래 이미지와같이 배경이 사라집니다. ​ 그리고 에디트 버튼을 눌러 이미 사이트내에 배경을 합성하거나 이미지 효과를 설정하실 수 있습니다.

JQuery 플러그인을 활용한 동영상 풀 스크린 배경 으로 만들고, 여러 동영상을 사용하여 슬라이드 쇼로도 만들 수 있습니다. 다수의 동영상을 이용하여 슬라이스 쇼도 가능하며, 설정 가능한 옵션에는 자동재생여부, 컨트롤 기능 사용여부, 축소기능 사용등의 설정을 하실 수 있습니다.

svg 를 이용한 타이틀 배경 에니메이션 효과 마우스를 스크롤하면 배경의 커브 방향이 변경됩니다.

COVERR사이트는 배경으로 쓰기 좋은 영상을 제공해주는 사이트답게 메인부터 영상 배경을 보여주고 있습니다. 메인에 사용된 영상이 마음에 드시면 우측하단 Download 버튼으로 영상을 바로 다운받을 수도 있습니다. 메인 화면에서 아래로 스크롤을 내려보시거나 검색해보시면 영상 카테고리와 영상 리스트를 확인하실 수 있습니다. 마음에 드는 영상을 선택하면 레이어화면이 뜨며 영상을 미리볼 수 있습니다. 우측 상단 DOWNLOAD FREE 버튼으로 다운받아 보실 수 있으며 SEE AS COVERR 버튼을 누르시면 아래의 캡쳐화면과 같이 배경으로 적용된 모습을 확인할 수 있습니다. 배경 적용된 영상 상세페이지 아래에 영상을 배경으로 적용할 수 있는 HTML, CSS, JavaScript를 제공하고 있기 때문에 영..

네온조각을 닮은 CSS 멀티 레이어 그라디언트 배경 jquery 플러그인입니다. CSS3브라우저를 지원하며, jquery 내에 요소값을 지정하여 color, shade, shards, comlexity, lightness 등 다양한 네온조각을 만들 수 있는 값을 지정하여 자유로운 패턴을 배경으로 적용할 수 있습니다. 본 소스를 이용해 다양한 배경패턴을 랜덤하게 출력할 수 있습니다. 고정되는 패턴이 없으며 새로고침할때마다 비슷하지만 다른 패턴을 출력하여 일관된 느낌과 약간씩 다른 포멧을 유지하여 지루하지 않은 디자인을 연출할 수 있습니다. 위와같은 패턴의 샘플 소스를 확인할 수 있으며, 해당 함수에 맞게 값을 조절하여 원하시는 패턴을 구현할 수 있습니다.

jquery 를 이용해서 웹페이지의 배경에 동영상을 재생하거나, 웹페이지의 특정 위치에 동영상을 재생하는게 가능하도록 제작된 프로그램입니다. 다운로드 받은 압축파일을 풀면 examples 폴더에 block-bg.html : 특정 영역에 동영상 재생용 샘플 body-bg.html : 전체 배경에 동영상 재생용 샘플 위 파일을 웹브라우져로 열어서 보면 샘플은 확인이 가능합니다. 특정 영역에 동영상이 재생되는 예제 소스코드가 그리 어렵진 않은듯 하네요 동영상 파일을 mp4로 존재하면 웹페이지에 재생이 가능하겠네요 홈페이지를 방문하면 동영상이 재생되는 사이트들이 제법 보이던데, 같은 용도로 활용이 가능할듯도 하네요. 매뉴얼 은 https://github.com/VodkaBears/Vide#readme 위 링크를..

먼저 covervid.min.js 소스를 연결후 속성을 포함한 마크업을 만들고 동영상 상위 래퍼요소 크기를 조정하여 원하시는 배경형태의 동영상을 적용할 수 있습니다.