tip (29) 썸네일형 리스트형 [css3] Animation 상세정보 : http://www.w3.org/TR/css3-animations/ 참고: http://m.mkexdev.net/83 키프레임 선언@-webkit-keyframes myAnimation { 0% { left: 100px; } 40% { left: 150px; } 60% { left: 75px; } 100% { left: 100px; } } or@-webkit-keyframes myAnimation { from { opacity: 0.1; width: 150px; } to { opacity: 1.0; width: 300px; } } 애니메이션 속성-webkit-animation-name 키 프레임을 지정한다. 앞서 키프레임의 이름을 여기에 매핑 시킨다 -webkit-animation-durat.. safari 에서 transition 에서 easing에 back으로 가면 적용이 안됨 -webkit-animation의 효과에 빠져들에 신나게 애니메이션을 만들다가 아이패드,아이폰에서 뭔가 특정 오브젝트만 동작이 안되길래뭔가 스크립트가 꼬여서 영향먹었나 살피다가 pc용 사파리에서도 동작이 안되서 살피니까ㅡ easing효과중에 easeInBack라던가 .~~` back등의 그래프를 한번 밖으로 튕겨나오는 bounce효과는 적용이 안된다. 그효과만 안먹는게 아니라 아예 애니매에션을 싸그리 안되게 해버린다,기존에 @-webkit-keyframes fade { 0% {opacity:0} 100% {opacity:0}}@-webkit-keyframes sub_pic { 0% {-webkit-transform:translate(0,-10px);opacity:0} 100% {-webkit-transf.. Android box-shadow issue 안드로이드 계열에서 박스 쉐도우 사용시 블러값이 0 이면 표시가 안되는 버그가 있다. 아이스크림 샌드위치는 내폰이 병신이라 테스트를 못해봤는데, 어차피 대부분 이클레어 아니면 진저인데 소용없고,1px줘야 표시된다. text-shadow 도 마찬가지, 외국포럼 찾아보니 이 이슈가 벌써 재작년부터 있었다는데 아직까지 해결 안된거 보니 os업그레이드 빼곤 답이 없는데아샌(아이스크림 샌드위치)에서 해결 되었나 누가 지나가다 확인하셨으면 댓글이라도 부탁드립니다. hide-text css처리 -9999px를 대체할 방법 .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } ie 주석 IE8 전용핵셀렉트 앞에 html>/**/body 를 붙히며, IE 8에만 적용이 됩니다.html>/**/body #wrap { }IE7 전용핵셀렉트 앞에 *:first-child+html*:first-child+html 를 붙히며, IE 7에만 적용이 됩니다.*:first-child+html #wrap { }IE 6 및 하위버전 핵속성에 언더스코어 핵을 사용한다.#wrap { _padding:3px; }IE 7 및 하위버전 핵속성에 스타 핵을 사용한다.#wrap { *padding:3px; }IE 7, IE 8 및 최신브라우저 핵셀렉트 앞에 html>body 를 붙히며, IE 7, IE8 및 최신브라우저에서 적용이 됩니다.html>body #wrap { }safari 3, chrome 1이상, oper.. 아이튠즈 없이 i-fun box사용 32비트 윈도우의 경우 AppleApplicationSupport.msi , AppleMobileDeviceSupport.msi 64비트 윈도우의 경우 AppleApplicationSupport.msi , AppleMobileDeviceSupport64.msi 원본 : http://me.tistory.com/94 mobile device별 해상도 viewport 참고용 아이폰 접속시 주소창 감추기 해당 페이지에 아래의 자바 스크립트 코드 삽입: or 이전 1 2 3 4 다음
