일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #동영상
- CSS
- #쇼핑몰
- 게시판
- CGIMALL
- #홈페이지
- 웹솔루션
- #CSS
- #홈페이지제작
- 해피씨지아이
- #해피CGI
- 홈페이지제작
- #cgimall
- #이미지
- 솔루션
- #image
- javascript
- 홈페이지
- 해피CGI
- #happycgi
- 쇼핑몰
- happycgi
- #jQuery
- #뉴스
- php
- #솔루션
- #웹솔루션
- 사이트제작
- jquery
- #업종별
- Today
- Total
목록웹프로그램밍 자료실 (2649)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
https://www.sandollcloud.com/#schpop 이미지에서 폰트를 찾고 싶은데 찾을 수 없을 때, 쉽고 편리하게 사용할 수 있는 웹사이트입니다. 필요한 폰트 이미지로 검색하면 해당 영역을 선으로 표시해 주며 궁금하거나 찾고 싶었던 영역을 클릭하면 됩니다. 폰트를 검색하여 작업 및 업무의 효율을 높여보세요.
마우스를 스크롤하면 카드가 쌓이는 애니메이션 효과입니다. HTML 소스 Card Title Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab dicta error nam eaque. Eum fuga laborum quos expedita iste saepe similique, unde possimus quia at magnam sed cupiditate? Reprehenderit, harum! Card Title Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab dicta error nam eaque. Eum fuga laborum quos expedita iste saepe similiqu..
이미지 슬라이드를 HTML 과 CSS만으로 제작하는 방법입니다. HTML 소스 CSS-only Carousel This carousel is created with HTML and CSS only. Go to last slide Go to next slide Go to previous slide Go to next slide Go to previous slide Go to next slide Go to previous slide Go to first slide Go to slide 1 Go to slide 2 Go to slide 3 Go to slide 4 CSS 소스 @keyframes tonext { 75% { left: 0; } 95% { left: 100%; } 98% { left: 100%; ..
AI 를 사용하여 이미지 업스케일링을 지원합니다. 그외에도 AI 를 활용한 배경 삭제 특정 개체 제거도 가능합니다. 해당 서비스를 사용할려면 회원 가입이 되어야 합니다. 그외에도 유료 사용자는 이미지 확대를 위해 최대 4000*4000 크기의 사진을 업로드할 수 있지만, 무료 사용자는 확대를 위해 최대 1200*1200 크기의 파일만 사용할 수 있습니다. 등의 제한도 있으니 참고 부탁드립니다.
손쉽게 사이트 배너를 만들 수 있습니다. 다양한 탬플릿을 지원합니다. 스크립트 한줄만 추가 하면 준비 끝이며, 배너를 만들어 노출 하시면 됩니다. 이벤트 시간 , 특정 페이지에서 노출 등도 지원 합니다. 거기다 현재 무료로 사용이 가능합니다. 배너 만들기 어렵다면 해당 서비스를 한번 사용해 보시기 바랍니다.
jGradHeading은 CSS 선형 그라디언트 기능을 사용하여 지정한 두 색상 사이의 점진적 전환으로 제목 요소(h1~h6)를 채색하는 jQuery 플러그인입니다. 다운로드 받은 파일의 압축을 해제한 뒤 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 텍스트를 이용해서 그라디언트 효과를 줄수 있는 플러그인입니다. 사용방법은 아래와 같습니다.
다양한 이미지 슬라이드 효과를 제공하는 Swiperjs 입니다. https://swiperjs.com/demos 페이지를 통해 제공되는 이미지 슬라이드를 확인이 가능 합니다. 사용 방법은 https://swiperjs.com/get-started 페이지를 참고 하시면 되겠습니다.
화면 스크롤을 할 때 콘텐츠가 애니메이션 효과를 통해 노출이 되도록 구현 할 수 있는 WOWjs 스크립트입니다. 소스의 사용법 및 다운로드는 아래 페이지에서 확인을 할 수 있습니다. https://github.com/graingert/wow https://wowjs.uk/docs.html
다운로드 받은 파일의 압축을 해제한 뒤 index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다. 각각의 노드들을 마우스로 드래그가 가능합니다. 화살표가 드래그가 되고, 방향을 변경할 수 있었으면 활용할 곳이 더 많지 않았을까 싶네요. 사용방법은 아래와 같습니다.