«css-transitions» 태그된 질문

나는 노력하고 있습니다 <ul>CSS 전환을 사용하여 아래 슬라이드 . 에서 <ul>시작합니다 height: 0;. 마우스를 올리면 높이가로 설정됩니다 height:auto;. 그러나 이로 인해 전환이 아닌 단순히 표시됩니다 . 에서에서 height: 40px;를 수행하면을 ( 를 height: auto;) 위로 슬라이드 height: 0;한 다음 갑자기 올바른 높이로 점프합니다. JavaScript를 사용하지 않고 어떻게 할 수 있습니까? …

2134 css  css-transitions 

현재 CSS '메가 드롭 다운'메뉴를 디자인하고 있습니다. 기본적으로 일반적인 CSS 전용 드롭 다운 메뉴이지만 다른 유형의 내용이 포함되어 있습니다. 지금이 순간, 이 세 전환은 '디스플레이'속성에 적용되지 않는 CSS 표시 , 즉, 당신은에서 전환의 모든 종류의 할 수 없습니다 display: none에 display: block(또는 조합). 누군가가 최상위 메뉴 항목 중 하나를 가리킬 …

1446 css  css-transitions 

여러 속성이 있는 CSS 전환 속기 의 올바른 구문을 찾을 수없는 것 같습니다 . 이것은 아무것도하지 않습니다 : .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: 0; …

519 css  webkit  css-transitions  shorthand 

CSS 전환을 사용하여 페이지로드시 텍스트 단락을 페이드 인 할 수 있습니까? 나는 그것이 http://dotmailapp.com/에서 보이는 방식을 정말로 좋아 하며 CSS를 사용하여 비슷한 효과를 사용하고 싶습니다. 도메인은 이후 구매되었으며 더 이상 언급 된 효과가 없습니다. 보관 된 사본은 Wayback Machine에서 볼 수 있습니다 . 삽화 이 마크 업이있는 경우 : <div …

442 css  css-transitions  opacity 

꽤 간단한 질문이지만 CSS 전환 속성에 대한 훌륭한 문서를 찾을 수 없습니다. CSS 스 니펫은 다음과 같습니다. .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color …

327 animation  css  css-transitions 

호버에서 배경 그라디언트가 희미 해지도록 축소판 위에 CSS로 호버 전환을 시도하고 있습니다. 전환이 작동하지 않지만 간단하게 변경하면 rgba() 값으로 정상적으로 작동합니다. 그라디언트가 지원되지 않습니까? 이미지도 사용해 보았습니다. 이미지도 전환되지 않습니다. 다른 게시물에서와 마찬가지로 가능하다는 것을 알고 있지만 얼마나 정확한지 알 수는 없습니다. 모든 도움말> 다음은 작업 할 CSS입니다. #container div …

215 css  gradient  css-transitions 

Javascript를 사용하지 않고 페이지로드시 CSS3 전환 애니메이션을 사용할 수 있습니까? 이것은 내가 원하는 종류이지만 페이지로드시 : http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html 내가 지금까지 찾은 것 CSS3 transition-delay , 요소에 대한 영향을 지연시키는 방법. 호버에서만 작동합니다. CSS3 Keyframe 은로드시 작동하지만 매우 느립니다. 그 때문에 유용하지 않습니다. CSS3 전환 속도는 빠르지 만 페이지로드시 애니메이션 효과는 없습니다.

196 css  webkit  css-transitions  css-animations 

css3 전환이 시작 또는 종료되었는지 확인하기 위해 요소에 의해 발생 된 이벤트가 있습니까?

190 javascript  events  css  transition  css-transitions 

자바 스크립트없이 CSS만으로 슬라이드 인 전환을 생성하는 크로스 브라우저 솔루션이 있습니까? 아래는 html 컨텐츠의 예입니다. <div> <img id="slide" src="http://.../img.jpg /> </div>

177 css  css-transitions 

CSS3 전환과 애니메이션을 모두 수행하는 방법을 알고 있습니다. 명확하지 않은 것은 내가 구글에서봤을 때 어느 것을 사용 해야하는지입니다. 예를 들어, 볼 바운스를 만들고 싶다면 애니메이션이 나아갈 길이라는 것이 분명합니다. 키 프레임을 제공 할 수 있고 브라우저는 중간 프레임을 수행 할 것이고 멋진 애니메이션을 만들 것입니다. 그러나, 상기 효과가 어느 방식 …

155 css  css-transitions  css-animations 

CSS 전환을 사용하여 "페이드 인 페이드 아웃"효과를 만들려고합니다. 그러나 나는 이것을 배경 이미지와 함께 작동시킬 수 없습니다 ... CSS : .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .title …

122 css  background  background-image  css-transitions 

따라서 a 요소에 다음과 같은 CSS 전환이 연결되어 있습니다. a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } 특정 요소에서 이러한 상속 된 전환을 비활성화하는 방법이 있습니까? a.tags { transition: none; …

117 css  transitions  css-transitions 

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } 마우스를 올려 놓았을 때만 불투명도를 애니메이션하고 마우스로 개체를 떠날 때가 아닌 이유는 무엇입니까? 데모 : http://jsfiddle.net/7uR8z/ ​

115 css  css-transitions 

CSS3 전환 '의 차이 무엇인가 ease-in, ease-out등,?

113 css  css-transitions 

배경 위치를 제외한 모든 속성에 CSS 전환을 적용하고 싶습니다. 나는 이렇게하려고했다. .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .csstransitions a { -webkit-transition: background-position 0s ease 0s; -moz-transition: background-position 0s ease 0s; -o-transition: background-position …

108 css  css-transitions