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

글자색, 배경색에 투명도를 주고 싶을때 보통 rgba컬러를 사용하거나 opactiy를 사용한다.검정색을  50%컬러를 주고싶을때 보통[방법1]color: rgba(0,0,0,0.5);[방법2]color:#000000;opacity:0.5;이 2가지 방법외 hex 컬러에 투명도를 적용하는 다른방법이 있습니다.hex컬러는 hex6, hex8이 존재하는데 hex6은 6자리를 두자리씩 끊어서 빨강, 초록, 파랑을 표현한다.#FFFFFF#FFFFFFFF만약 우리가 투명도를 적용할 컬러가 hex8인 경우, hex8의 마지막 2자리만 투명도에 해당하는 hex코드로 변경하면 된다.#FFFFFFFF -> (투명도 15% 적용) ->  #FFFFFF26투명도를 적용한 컬러가 hex6라면 어떻게 해야할까?이 경우, 투명도에..

인풋박스 선택시 아래와 같이 변경됩니다.css로 제작되어 있어 쉽게 수정이 가능합니다.첨부된 파일을 다운로드 받으면 html 과  css 전체 소스를 확인할 수 있습니다.

마우스 오버시 아이콘모양과 색상이 변경됩니다.css만으로 간단하게 에니메이션 효과를 구현할 수 있습니다.첨부된 파일을 다운로드 받으면 해당 소스를 직접 확인할 수 있습니다.

상업적으로 이용이 가능한 로그인 없이 무료로 영상을 다운로드할 수 있으며,샘플 영상이 필요하거나 다양한 동영상이 필요할 때 사용하기 편한 사이트입니다.상단 검색에서 필요한 영상의 키워드를 입력하면 해당 키워드에 맞춰 적합한 영상이 나옵니다.검색한 동영상에 마우스를 올리면 미리보기가 가능하며 시간 등 정보가 나옵니다.해당 영상을 다운로드 하실려면 리스트의 영상을 클릭하여 상세페이지에 접근을 하시면 됩니다.Download Free 버튼을 클릭하면 mp4파일로 다운로드 받을 수 있습니다.또한, 밑으로 스크롤 시 해당 영상의 비율, 시간 등 확인할 수 있습니다.

특수 문자를 HTML에 쉽게 넣을 수 있는 참조표를 보여주는 사이트입니다.html 파일에 사용하고 싶은 특수 문자를 '문자 실제 참조' 코드 또는 '수치 문자 참조' 코드를 사용하여입력하면 아래 이미지처럼 해당 특수 문자가 나타나게 됩니다.또한 폰트관련된 css 코드를 입력해주시면 크기, 굵기 등 쉽게 수정할 수 있습니다. 아래의 링크로 접속하시면 다양한 문자를 볼 수 있습니다.https://wepplication.github.io/tools/htmlCodes/

이미지가 흐려지게되는 애니메이션 효과로마우스를 이미지에 올리게 되면 원본 이미지가 보이는 디자인 입니다.자세한 내용은 데모사이트 주소에서 확인이 가능합니다.HTML https://source.unsplash.com/random/?city,night,neon" /> https://source.unsplash.com/random/?car,night" /> https://source.unsplash.com/random/?beach,skynight,dark" />          CSSbody { height: 100vh; margin: 0; place-items: center; background-color: aliceblue;} .grid-container {..

HTML, CSS로 제작되었으며 슬라이드에 시각적 효과가 들어가 있습니다.데모사이트 주소에서 확인이 가능합니다.   HTML    New York    Madrid

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 Ver7.3 으로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.    해피 자동차중개 솔루션 [미니홈 비내장]  해피 자동차중개 솔루션 [미니홈 내장]

라이센스MIT- 사용 방법1. jQuery 라이브러리와 pdf.js 파일을 불러옵니다.2. 아이콘 재료를 불러옵니다. (선택사항)3. pdfjs-viewer 플러그인 파일을 불러옵니다.4. pdf.js 라이브러를 초기화합니다.5. 지정한 HTML 요소에 PDF 뷰어를 포함시킵니다.6. PDF 뷰어의 도구 모음을 추가하거나 수정할 수 있습니다. (사이트 참고)- 작동 화면

- 라이센스MIT- 사용 방법1. jQuery 라이브러리와 Watermarker.js 파일을 불러옵니다.2. 이미지 업로드를 위한 HTML FILE 폼을 추가합니다.3. 워터마크 로고 이미지 경로를 지정하고 플러그인을 호출합니다.4. 워터마크의 위치나 간격 등을 조절할 수 있습니다.- 예시 화면