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

별도의 JS, GIF없이 SVG아이콘으로 애니메이션 Loading Button을 만들 수 있는 소스입니다. Font Awesome과 같은 아이콘 라이브러리를 추가하고 아이콘을 HTML 버튼에 추가합니다. CSS로 버튼 모양을 만들어 줍니다. https://www.w3schools.com/howto/howto_css_loading_buttons.asp 해당 사이트를 참고하시면 로딩 버튼을 생성하는 방법을 자세히 확인할 수 있습니다.

jquery 및 css를 이용한 버튼 레이어입니다. jquery만 사용하는것이 아닌 .click 및 toggleClass를 이용하여 css3와 함께 버튼을 누르면 다른 버튼의 모양이 나오는 디자인입니다. 압축파일내에 이미지 및 css파일 그리고 index.html 파일내에 jquery도 확인하실 수 있습니다.

웹페이지에서 원하는 버튼모양을 선택하여, CSS를 바로바로 만들 수 있는 홈페이지입니다. 또한 한글로 되어 있어.. 더욱 편리합니다. - 원하는 버튼의 모양을 클릭하고 색상, 글자체, 굵기, 그림자 등등을 간편하게 클릭으로 선택할 수 있습니다. - 글자가로 위치, 세로위치, 그림자 퍼짐정도, 테두리 등을 선택할 수 있습니다. - 원하는 버튼 선택이 끝나면. CSS 소스를 복사할 수 있습니다. - 맨하단에는 기본 버튼 디자인외 다양한 디자인의 버튼을 선택하고 이용할 수 있습니다. 참고로 해당 홈페이지는 크롬에서 정상작동을 하니.. 크롬으로 확인해보세요... 이미지제작없이 CSS로 다양한 버튼을 만들수 있어.. 아주 효율적이네요.. 이용해보세요.

예전에는 버튼을 이미지로 주로 만들었다면 요즘은 CSS3를 이용해 버튼을 많이 만들고 있습니다. css로 제작을 하면 코드를 직접입력해야 하는 번거러움이 있어 이런 불편함을 줄일수 있습니다. 입력한 내용을 우측 미리보기에서 바로 확인이 가능합니다. html, css 소스를 바로 확인할 수 있습니다. 사이트 이용시 광고가 신경스이시면 상단 Hide the Ads 버튼을 클릭하시면 광고가 안보입니다.