728x90
728x90

CSS 3

Web] 마우스 온/오버 시, 투명도 바꾸기

Web] 마우스 온/오버 시, 투명도 바꾸기 텀 프로젝트 중에, 시각적인 효과를 고려하던 중, 투명도를 조정하여,아래처럼 마우스 포인터가 올려졌을 때 흐려졌다가,마우스 포인터가 해당 위치에서 떠나면 다시 원래대로 돌아오는 효과를 적용했다. 실제로 호스팅을 받는 사이트가 아닌지라,제품 사진은 다른 사이트에서 봤을 수도 있을 것..아무튼 각색하고, 이 기능은 아주 간단하게 구현이 가능하다.나는 저 프레임을 태그로 구성했는데, 소스는 다음과 같다 12345678function changeOpacity1(obj){ obj.style.opacity="0.5";}function changeOpacity2(obj){ obj.style.opacity="1";}cs 1234567 $name $price 원 Colored..

CSS] CSS 버튼 자동생성기

CSS 버튼이야 만들려면 어떤 식으로든 만들 수 있겠지만,버튼 하나에 필요 이상의 노력을 기울여야 해서 그마저도 귀찮을 때가 있다.필자도 과제를 하면서 십분 공감하고 있는 부분인데,색상과 원하는 구도대로 버튼을 만들어서 CSS 코드를 생성해주는 사이트가 있다. http://www.cssgenerators.net/ 색상과 그라데이션은 물론이고,글자에 대한 세부 사항을 선택할 수 있어 매우 유용하다.

JS, CSS, HTML 오픈 소스 사이트

http://www.blueb.co.kr/ http://www.webmadang.net/ 자바스크립트, CSS, HTML 소스가 공유되어 있습니다.웹프로그래밍 기말 프로젝트를 진행하면서 애용했고,특히 js, css를 활용한 부분은 상당히 마음에 듭니다.아무리 유용한 기능을 무상으로 제공해준다고 하더라도 활용 방법을 모르면 말짱 도루묵입니다.최소한의 작동방식에 대해 이해하고 사용하시면 웹개발에 도움이 되리라 생각합니다.

728x90