placeholder 애니메이션

HTML Nice input box What's your name? What's your message? CSS /* Basic input element using psuedo classes */ html { font-family: 'Lora', sans-serif; width: 100%; } body { margin: 5% auto 0 auto; width: 90%; max-width: 1125px; } h1 { font-size: 28px; margin-bottom: 2.5%; } input, span, label, textarea { font-family: 'Ubuntu', sans-serif; display: block; margin: 10px; padding: 5px; border: none; ..
css3 2020. 3. 9. 20:33
placeholder css 스타일 적용하기

아래 css는 placeholder 에 style를 적용할때 자주 쓰는 속성입니다. .test::-webkit-input-placeholder {color:red;} /* webkit */ .test:-moz-placeholder {color:red;} /* 파폭 4~18 */ .test::-moz-placeholder {color:red;} /* 파폭 19+ */ .test:-ms-input-placeholder {color:red;} /* IE10+ */ 더 자세한 내용은 아래 주소에서 확인해주세요.http://blog.hivelab.co.kr/placeholder%EC%97%90-css%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0/
css3 2018. 3. 30. 22:12
Placeholder jQuery Plugin

프로젝트 구축하면서 빈번하게 많이 사용되는 것들중에 하나가 input 요소 속성인 placehilder인데ie8이하부터 css3 placeholder 속성이 적용되지 않는다..따라서 ie8이하는 Placeholder jQuery Plugin으로 대체하면 된다.ie6부터 지원하기 때문에 크로스브라우징도 완벽함.- 참고 : http://webdir.tistory.com/333 - 다운로드 및 데모 : https://github.com/mathiasbynens/jquery-placeholder
제이쿼리 플러그인 2016. 6. 24. 11:50
1