처럼 클래스 토글을 사용하여 button에 대한 이동 애니메이션을 만들고 싶습니다. 몇 가지 이유로 인해 코드가 손상되었습니다. 클릭 핸들러를 호출하지만 클래스에는 영향을주지 않습니다. (I 반응 사용하여 클래스 이름과 웹팩) 코드가있다 : index.jsx : import React from "react";
import styles from "./ind
전환 효과를 제외하고는 잘 작동하는 것처럼 보이는 아코디언을 설정했습니다. 효과를 트리거하는 두 가지 변경 사항은 JavaScript를 통한 클래스 변경시 최대 너비와 불투명도입니다. Chrome의 개발 도구에있을 때 직접 "최대 너비"를 변경하면 효과가 예상대로 발생하므로 다소 혼란 스럽습니다. 사전에 Here's the fiddle HTML <div i
처음으로 flexbox로 작업하고 특히 IE (11)에서 약간의 문제가 발생했습니다. JS 바이올린과 스크린 (IE/파이어 폭스) https://jsfiddle.net/htw690wz/ https://postimg.org/image/h5et26w9r/ I가 주목 몇 가지 문제 : IE가 수축하지 1)/콘텐트를 배치하는 것은 맞게 상자. 2) Firefox
다음과 같은 CSS 애니메이션이 있는데, 사파리에서는 원하지만 크롬에서는 원하지 않습니다. square0은 마우스를 움직이면 천천히 원래 색으로 되돌아 가서 천천히 돌아갈 때 색이 변하는 div입니다. Chrome에서는 마우스를 가져다 대지 않으면 div가 즉시 비어있게됩니다. 나는이 질문을 CSS3 Transition not working in Chrom
그라디언트가 흐려지기 위해 CSS 전환을 시도하고 있습니다. 전환 색상이 평면 색상 일 때 전환 효과가 있었지만 이제는 방사형 그라데이션으로 변경했습니다. 즉각적으로 나타납니다. 색상 값 중 하나 인 반투명 색상을 사용한다는 사실과 관련이있을 수도 있습니다. .cta-01 .cta a:hover {
background-image:
rad
활성 상태에서 누른 상태에서 베벨 모양의 버튼을 만들려고합니다. 나는 전환이 충분히 부드럽게되기를 원하지만 문제는 그 부드러움을 가져 오는 방법을 모른다는 것입니다. 내가 성취 한 것은 다음과 같다. .button {
background-color: #ff962c;
border-radius: 10px;
width: 25
둘러 보았지만 해결 방법을 찾지 못했습니다. body으로 #wait, #about 및 a 전환을 어떻게 무시할 수 있습니까? 글꼴 크기를 더 빨리 조정하고 싶습니다. 감사합니다. body {
font-family: Arial;
font-size: 10vw
}
body {
-webkit-transition: f
나는 부글 랩 네비게이션으로 헤더 메뉴를 만들려고한다. 잠시 동안 나는 내 navbar를 가지고 스크롤에 나는 클래스 navbar-fixed-top을 추가하고, navbar는 페이지의 전체 너비를 덮는다. 지금 나는 네비게이션 바에 고정 탑 클래스 아무것도하지만, 변화에 CSS를 전환 효과를 추가하려고 we can see here 으로 폭 변화에 애니메이션
SCSS 파일에서 영상 효과를 사용하려고하는데 작동하지 않습니다. 그래디언트가 지원되지 않는 경우가 있으므로 배경을 만들고 전환 용으로 사용할 수있는 "bg-gradienter"를 만듭니다. 그러나이 코드는 여전히 작동하지 않습니다. 또한 width: 50%;을 디버거로 추가합니다. 전환은 폭에서 잘 작동합니다. @mixin bg-gradienter($ar
가성 전환 또는 애니메이션 (onmouseover 또는 onmouseenter과 함께 javascript를 통해 트리거 할 수 있음)도 전환 할 수 있습니다 (반대 애니메이션은 마우스를 놓으면 발생합니다)하지만 반대 애니메이션은 그래서이 codepen 일을 확인하시기 바랍니다 표시하지 않고 설명하기 어렵다 지체없이 애니메이션의 중간에 반전 할 수 있어야 지