소금인형 - SW개발자?

크롬에 회전을 했을 때, 나타나지 않는 경우가 있습니다. CSS3를 이용해서 적용해 보면 다음과 같이 처리하면, 보이게 됩니다. 본문예제친구의 이야기를 다 들었을 때 나에게는, 친구의 의도와 상관 없이, 거대한 암흑의 이미지가 떠올라 있었다. 다른 친구들은 그 친구의 이야기를 거의 듣지 않은 듯싶었다. 왜냐하면 토요일 오후였기 때문이다. 그러나 나에게는 친구의 이야기가 화창한 토요일 오후와 대비되어 더욱 강렬하게 다가왔었다. 무엇보다도 친구의 들뜨고 밝은 표정이 깊은 인상을 남겼다. CSS3 SCROLLhttp://techstream.org/Web-Design/CSS3-Scroll-Bar Demohttp://demo.techstream.org/CSS3-Scroll-Bar/index3.html jQuery..

CSS3에서 사용되는 애니메이션 CSS 애니메이션을 만드려면 animation 속성과 이 속성의 하위 속성을 지정합니다. 애니메이션의 총 시간과 반복 여부등을 지정할 수 있습니다. 이 속성은 애니메이션의 중간상태를 기술하지 않는다는걸 명심하세요. 애니메이션의 중간 상태는 아래에서 다룰 @keyframes 규칙을 이용하여 기술합니다. animation 속성의 하위 속성은 다음과 같습니다. animation-delay 엘리먼트가 로드되고 나서 언제 애니메이션이 시작될지 지정합니다. animation-direction 애니메이션이 종료되고 다시 처음부터 시작할지 역방향으로 진행할지 지정합니다. animation-duration 한 싸이클의 애니메이션이 얼마에 걸쳐 일어날지 지정합니다. animation-ite..

webkit 에서 animation 효과를 사용하면, "-webkit-animation:1s'는 속성이 들어간다. 해당 속성을 지워주지 않으면 다른 애니메이션 효과가 적용이 안될 수가 있다. 그래서 해당 Attribute값을 지워줘야 한다. $(객체).css('-webkit-animation','');//jquery을 사용한 CSS attribute 삭제 예제 $(here).css('animation-iteration-count','infinite'); $(here).css('animation-duration',speed+'s'); /* 애니메이션 반복 횟수 지정. */ $(here).css('-webkit-animation-iteration-count','infinite'); /* 애니메이션이 실행되는..

HTML5 Cross Browser Plolyfills CSS3 Media Queries https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills css3-mediaqueries-js Respond by Scott Jehl A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more) mediatizr by Aurélien Delogu Responsive-oriented CSS3 media queries polyfill matchMedia by Scott Jehl, Paul Irish, Nicholas Zakas A standardi..

Ebook이나, 일본어 세로 쓰기 표현들의 CSS3방식으로 표현가능합니다. /* CSS을 이용한 세로 쓰기 전체 적용하기 */ html { width: 100%; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; -epub-writing-mode: vertical-rl; } 일본과 같은 국가는 세로쓰기 형식을 CSS3에 "writing-mode" 속성(property)을 이용해서 표현할 수 있습니다. 출처: http://www.w3.org/TR/2003/CR-css3-text-20..