선생님 혹시 글씨효과 아래에서 위로 채우는 건 불가능할까요?

안녕하세요.! 같이 공부하고 있는 수강생입니다. 저도 오른쪽->왼쪽/ 아래쪽에서 -> 위쪽 방향은 어떻게 하면 될까? 궁금해서 이 곳 저 곳 찾아보니까 이렇게 하면 된다는 방법을 공유하고자 답변 남깁니다.! 오른쪽/ 위쪽에서 -> 아래쪽/ 강의에 다룬 것처럼 영어로만 하다가, 한글로 하신거 그대로 처음 해봤는데 정리차원에서! 또한, 남깁니다. > (사진) :before에 top/left 값 주니까 한글이 좀 틀어지더라구요.! 그래서 빼니까 자연스러워서 뺐어요.! 왼쪽/ 아래쪽-> 위쪽> (사진) 기존 태그 부분에 :hover에 주고 싶은 값(yellowgreen)을 미리 넣고! :before에 기존 보이는 색(#fff)으로 width: 100% 덮어야해요.! 그러고 :hover 됐을 때 width:0; 으로 :before 기본색(#fff)이 빠지고 태그에 주고 싶은 값이 보이도록 하면 원하시는 방향 둘 다 가능하더라구요.! -> 그리고, 캡쳐이미지엔 100%로 되어있는데 한글은 height( 위쪽->아래쪽/ 아래쪽->위쪽) 할 때 100%하면 좀 잘리거나 빼꼼 색이 나오길래 110% 줘야할 거 같아요.! 그럼 같이 으쌰으쌰 도움이 됐기를 바라며, 화이팅하세요:)