0
여기
내가 전환을 시도하고있는 CSS입니다 반작용는
이container: {
position: 'relative',
width: '100%',
'&:hover, &:overlay': {
height: '100%',
border: 'solid red'
}
},
overlay: {
position: 'absolute',
bottom: 0,
left: 0,
right: 0,
backgroundColor: '#008CBA',
overflow: 'hidden',
width: '100%',
height: 0,
transition: ['.5s', 'ease']
},
나는 .container를 변환하는 방법을 알아낼 수 없습니다 : - JSS는 호버 효과에 올 때 작동하지 않습니다 호브를 r 오버레이 부분? 나는 JSS 놀이터 사이트에서 검색하고 아무데도 갈 수 없었다. 나는 그것이 단순히 중첩 된 문제라고 생각했지만, 좀 더 명백 할 수도있다. 같은 문제를 너무 오래 쳐다보고 있습니다.
인라인 스타일을. 스타일 시트를 사용해야합니다. 여기를 참조하십시오 : https://stackoverflow.com/questions/28269669/css-pseudo-elements-in-react –
가능한 [CSS pseudo elements in React] (https://stackoverflow.com/questions/28269669/css- 반응중인 의사 요소들) –