박철순

HTML에서 input 태그 중 (checkbox,radio)를 제외하고는 적용이 안됨 밑에 나와있는 링크에 이유가 나와 있습니다. https://news.hada.io/topic?id=2781 왜 CSS ::before 는 input과 img에는 동작하지 않을까 | GeekNews - ::before 와 ::after 는 replaced elements에는 동작 하지 않음ㅤ→ audio, canvas, embed, iframe, img, input, object, video- 이 개체들은 HTML스펙상 브라우저에 의해 ::before, ::after를 다 포함해서 대체되기 때문에 동작 news.hada.io https://stackoverflow.com/questions/2587669/can-i-use..

// 스케일로 점차 커지면서 흐릿하게 보이는 애니메이션 const modifyButtonWave = keyframes` 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(2); opacity: 0; } `; const ExampleWaveButton = styled.button` //버튼 디자인 position: absolute; width: 36px; height: 36px; border-radius: 50%; background-color: #01f5bb; opacity: 1; transform-origin: left center; // 버튼 파동 디자인 &:before, &:after { content: ''; position: abs..

크롬에서는 TextArea 밑에 한 2px정도 추가로 영역을 가지고 있음. 이 때 해결법은 간단하게 해당 TextArea의 display를 block으로 바꿔주면 쉽게 해결이 가능 TextArea가 inline으로 되어있기 때문에 발생하는 문제라고합니다.