css-transitions

0열

1답변

최근에 나는 "흔들린" 화면이 CSS 전환으로 인한 것일 수 있습니다. 사실 Chrome 브라우저에서만 발생합니다 (아마도 Safari도 일부보고 한 바 있습니다). 어떻게하면 부드럽게 보이게 할 수 있습니까? 또한 이상한 흰색 블록이 몇 번 나타날 수 있습니다. 전환이 적용되기 전에 발생하지 않았으며 페이지가 새로로드 된 후 이제 한 두 번 발생합니다.

0열

1답변

요소를 숨기고 순수하게 CSS 전환으로 페이드를 제거하는 가장 확실한 방법은 무엇입니까?

페이지가로드 될 때 HTML 요소를 숨기고 싶습니다. 그런 다음 CSS 전환으로 페이드 인합니다. 내 계획은 불투명도를 0으로 설정 한 다음 CSS 애니메이션을 사용하여이를 1로 변환하는 것입니다. 그러나 CSS 전환을 처리 할 수없는 오래된 브라우저에서는 내용이 숨겨져 있을까 걱정됩니다. 콘텐츠를 숨기는 더 안전한 방법이 있습니까? 또는이 코드를 처리 할

1열

1답변

어떻게 "transition-timing-function : cubic-bezier();" 재산 작품

누군가가 얼마나 정확하게 "전환 타이밍 기능 : 입방체 - 베지에();"설명 할 수 있습니까? 제발요? 이 화면에서 완전히 간다, 여기에 내가 "입방 베 지어"값으로 4 개 부분으로 2 초까지 침입하려고 한 .sample_box{ background-color: orange; height: 70px; width: 35%;

0열

1답변

"top : 100 %"가있는 요소의 높이가 "0"입니까?

나는 드롭 다운 구성 요소를 만들려고합니다. (맞춤 구성 요소 포함). 구성 요소 템플릿 (차일) : <input-box icon=right> <ic-on art="save"></ic-on> </input-box> <scroll-bar> <list-items mode="custom"> <div class="list-item" val

0열

1답변

z-index elastic 제거 후 mouseleave

내 개체를 다른 것보다 약간 조정해야하는 애니메이션을 만들려고합니다. 첫 번째 계획에서 이동하려면 z-index이 증가했습니다. 문제는 마우스를 놓을 때 나타납니다. 내 스케일 애니메이션은 전환으로 끝나지만 z-index은 즉시 사라집니다. 그리고 약간의 이행으로 그것을 사라지게 할 수 있습니까? http://jsfiddle.net/JJ3v4/3/ 내가 "

-1열

1답변

CSS 전환이 IE-11

에서 작동하지 않는 나는 버튼을 클릭 전환이 발생해야하는 시나리오가 transition-property: top, left; transition-duration: 10s; transition-delay: 0s; -webkit-transition-property: top, left; -webkit-transition-duration: 2s; -web

1열

1답변

CSS 애니메이션을 사용하여 애니메이션 지연 및 깜박임

대화 형 웹 UI에서 작업 중이며 깜박임 및 지연 애니메이션이 실행 중입니다. 저는 거의 모든 CSS 전환을 사용하여 jQuery로 클래스를 추가 및 제거하여 특정 애니메이션을 시작/중지합니다. jQuery 애니메이션을 사용하는 것보다 성능이 더 좋다고 들었지만 Chrome (응용 프로그램의 의도 된 브라우저)을 사용할 때 깜박임과 지연 애니메이션이 실행되

0열

1답변

CSS 전환 서비스는 영상 작품의 크기를 증가 제대로

var app = angular.module('myApp', ['ngAnimate']); app.controller('myController', function($scope){ \t $scope.myImgClass = 'start-class'; }); app.animation('.fadeOut', function(){ \t ret

-2열

1답변

ease-in-out 효과가 작동하지 않습니다.

효과 오버레이를 쉽게 만들고 싶지만 불행하게도 효과가 없습니다. 뭐가 잘못 됐는지 말해 줄래? 사전에 .product-item-info{ position:relative; width:600px; } .product-item-info:hover:after { opacity: 1; filter: al

0열

2답변

이 같은 요소를 가져 가면

이 무엇을 달성하려고하는 애니메이션이다 유혹 한 후, content 속성에 애니메이션을 추가 추가 텍스트가 표시되지만 원활하게 표시 할 전환을 찾을 수 없습니다. 이 기능이 작동하지 않으므로 transition: all ...을 사용하여 응답하지 마십시오. 웹 사이트의 실제 예는 http://www.testingc.ga 또는 아래 스 니펫에서 찾을 수 있습