background-image는 animation의 속성이 아니기 때문에 chrome에서만 작동을 하고, IE나 Firefox에서는 작동하지 않는다. 비슷하게 처리 할 수 있는 방법은 다음 링크와 같다. 적용해보고 추후 정리 할 예정
https://stackoverflow.com/questions/35994521/background-image-in-keyframe-does-not-display-in-firefox-or-internet-explorer
'Coding > HTML+CSS' 카테고리의 다른 글
| [CSS] img 사이즈 조절 시 흐려지는 현상 (0) | 2021.12.21 |
|---|---|
| [CSS] text에 그라데이션 먹이기 (1) | 2021.09.30 |
| [CSS] IE에서 flexbox 이미지 버그 해결방법 (0) | 2021.07.07 |
| [CSS] 글씨 써두고 bg에 먹인 아이콘만 보이고 싶을 때 (0) | 2021.06.24 |
| [CSS] counter()로 넘버링하기 (0) | 2021.06.18 |