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

분할된 랜딩 페이지 입니다.마우스 오버시 해당 영역이 커지는 애니메이션 효과가 있습니다.css 에서 분활된 영역의 비율과 애니메이션 속도를 쉽게 변경할 수 있습니다.스크립트소스입니다데모사이트 또는 첨부파일을 다운로드 하시면 css 및 js 전체 소스를 확인 할 수 있습니다.

linear-gradient, background-clip, text-fill-color 속성을 이용했습니다. 데모사이트나 첨부파일을 다운로드 받아서 소스를 확인 할 수 있습니다.

간편 홈페이지 제작 웹솔루션미용전문학원, 성형외과 스킨 리뉴얼 안녕하세요 해피CGI 입니다. 간편 홈페이지 제작 웹솔루션에 미용전문학원, 성형외과 스킨이 새롭게 리뉴얼 되었습니다. 자세한 사항은 아래의 링크를 클릭하여 상품상세화면 및 사용자화면, 관리자모드를 참조해주시기 바랍니다.  더욱 좋은 기능과 서비스로 보답하겠습니다. 감사합니다.     미용전문학원 성형외과

https://particles.js.org/samples/presets/confetti데모 링크를 보시면 이런 폭죽 애니메이션 사용이 가능합니다. 그러나, 폭죽 외에도 다양한 애니메이션을 지원하니 두루 확인해 보시면 됩니다.사용법도 간단합니다.위의 CDN 링크를 첨부하고위의 스크립트 만으로도 폭죽 애니메이션이 나타납니다.id 의 값은 div 에 tsparticles 를 주면 해당 div 에 애니메이션이 나타납니다.다양한 옵션이 제공하니 페이지를 읽어보시면 되겠습니다.

SSH 외에도 여러 터미널을 지원합니다. 전 SSH 목적으로 설치 해보았습니다.SSH 세션을 저장 할 수 있고, 비번도 저장가능해서 저장해둔 세션으로 아이디/비번 바로 입력 하여 접근 할 수도 있습니다.한글도 지원하니 한번 사용해 보시기 바랍니다.

안녕하세요 해피CGI 입니다.임대형 해피 인터넷뉴스 웹솔루션 Ver3.3 홈페이지가 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.          임대형 해피 인터넷뉴스 웹솔루션스킨 A(미니홈 내장)   임대형 해피 인터넷뉴스 웹솔루션스킨 B(미니홈 내장)   임대형 해피 인터넷뉴스 웹솔루션스킨 C(미니홈 내장)   임대형 해피 인터넷뉴스 웹솔루션스킨 D(미니홈 내장)   임대형 해피 인터넷뉴스 웹솔루션스킨 E(미니홈 내장)   임대형 해피 인터넷뉴스 웹솔루션스킨 F(미니홈 내장)     더욱 강력한 기능으로 보답하겠습니다.감사합니다.

안녕하세요 해피CGI 입니다.해피 인터넷뉴스 웹솔루션 Ver3.3 홈페이지가 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.          해피 인터넷뉴스 웹솔루션 스킨 A(미니홈 비내장)  해피 인터넷뉴스 웹솔루션스킨 A(미니홈 내장)   해피 인터넷뉴스 웹솔루션스킨 B(미니홈 비내장)   해피 인터넷뉴스 웹솔루션스킨 B(미니홈 내장)   해피 인터넷뉴스 웹솔루션스킨 C(미니홈 비내장)   해피 인터넷뉴스 웹솔루션스킨 C(미니홈 내장)   해피 인터넷뉴스 웹솔루션스킨 D(미니홈 비내장)   해피 인터넷뉴스 웹솔루션스킨 D(미니홈 내장)   해피 인터넷뉴스 웹솔루션스킨 E(미니홈 비내장)   해피 인터넷뉴스 웹솔루션스킨 E(미니홈 내장)   해피 인터넷뉴스 웹솔루션스킨 F(미니홈..

CSS를 활용한 3D flip 박스입니다.- CSS 3D 플립 박스. div로 콘텐츠 뒤집기 ( 전환 및 3D 변형 ). 앞면. 뒷면. 앞면. 뒷면. 앞면. 뒷면. HTML 구조CSS 3D FLIP BOXFlipping content to a div (Transitions and 3D Transforms)                                                   Front Side                                                          Back Side                                                                            Front Side            ..

css 속성인 filter를 이용해서 이미지를 블러처리하는 방법입니다. HTML 구조          Live CSS Blur    Go ahead, resize me.   CSS 소스body {  background: url("https://images.unsplash.com/photo-1486723312829-f32b4a25211b?dpr=2&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=&bg=")    no-repeat center center fixed;  background-size: cover;} .blur {  background: url("https://images.unsplash.com/photo-1486723312829-f32b4..

클릭하면 움직이는 아이콘과 메뉴가 나타나는 서치 효과입니다.응용하여 다양한 사이트의 메뉴로 사용할 수 있습니다.HTML 구조 Click Me!  CSS 소스html, body { height: 100%; width: 100%; margin: 0; overflow: hidden; background: #F3F7FF; } .shape { position: absolute; width: 50px; height: 50px; transform: scale(0.8); } .cir { position: absolute; border-radius: 50%; z-index: 5; } .btn-contain { width: 200px; height: 100p..