024 CSS3 공부 (3) transition, transform, animation

Daily Study/Web Dev 2021.03.04

호버하면 width가 100%까지 1초에 걸쳐서 5단계에 걸쳐서 transition하게 하기 steps로 움직이는 transition을 보니까 갑자기 고전게임 로딩되는거처럼 삐리릭삐리릭 이미지나 텍스트가 나타나는걸 표현해보고 싶어서 한 연습 근데 한 방향 말고 왼쪽 오른쪽 왼쪽 오른쪽 주거니받거니 하게 하고 싶었는데 방법을 못찾았다. transform 적용한 애니메이션 Wendy 손승완 1994.02.21. ~ 대한민국의 가수이다. 5인조 걸그룹 레드벨벳의 멤버이며, 팀에서 메인보컬을 맡고 있다. 아까 transition으로 표현하려고 했다가 실패했던걸 animation으로 일단 원하던대로는 구현했다. 근데 뭔가 이거보다 훨씬 좋은 코드가 있을 것 같긴 한데 지금 내 방식은 사진영역이랑 텍스트 영역을 깔..