나는 현재 의미-UI의 그리드 시스템을 사용하고 에 푸시됩니다하지만이 질문은 또한 다른 그리드 시스템에 적용됩니다 원활한 전환 (부트 스트랩 ...) 나는 habe 카드가 놓여있는 열의 네 열 (angular2의 ngFor를 가진 많은 카드). 카드를 클릭하면 행 크기의 절반으로 확장됩니다 (이 경우 각도 2의 ngClass를 사용하고 있습니다). 분명히
translateZ (0) 해킹 대신 CSS will-change property을 사용하려고합니다. 요소를 변경하기 전에 속성을 적용해야한다는 것을 알고 있습니다. 그러나 그것이 바뀌고있는 동안에도 적용해야한다면 내 의심입니다. 요소가 전환되기 전이나 적용될 때 속성을 적용해야하는지 또는 전에야 알 수 있는지 알고 싶습니다.
Shift 키를 누르지 않고 'Myriam lefebvre'텍스트와 'Développeure-front-end'텍스트를 포함하는 div를 어떻게 움직일 수 있습니까? .logo__name {
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-5
하이브리드 모바일 앱에서 아이콘이 여러 개 있고 아이콘을 클릭 할 때 프레스 효과를 재현하고 싶습니다. HTML : <div class="menuIcon" id="menuIcon">
<img src="img/menu.svg" />
</div>
CSS : .menuIcon {
width: 32px;
height: 32px;
tween-lite를 사용하여 스파크 애니메이션의 codepen 스 니펫을 제공했습니다. 스 니펫에 배경 이미지 추가를 시도했습니다.하지만 작동하지 않았습니다. 누구나 배경 이미지를 추가 할 도와주세요 CSS : body {
background-color: #13001C;
}
html, body {
height: 100%;
o
this site에서 볼 수 있듯이 전환/변환 효과를 일부 수행하려고합니다. 여기서 네비게이션이 페이지의 중간에서 전환되고 다른 것으로 전환됩니다. 두 개의 네비게이션이있는 jsfiddle을 만들었습니다. .mobilenav은 스크롤 할 때 변경해야하며, .desktopnav은 볼 수있는 것처럼 슬라이드됩니다. 그러나 이제 나는 그 변화를 어떻게 재창조 할