선배님들 마우스 오버시에 div가 확장되는 이 효과 뭐라고 검색하면 좋을까요?(영상 첨부)

Question

https://www.bulgari.com/ko-kr/ 불가리 사이트 인데 영상처럼 div에 마우스 오버를 하면 영역이 확장되는 식인데 이걸 뭐라고 검색하면 좋을까요?.. F12 눌러보니까 flex-slide 라고 되어있긴한데 flex-slide 검색해도 안나오고.. 아코디언 메뉴 검색해도 안나와서요.. 이런효과 아시거나 이런 예제 아는 선배님 계시면 알려주시면 감사하겠습니다!

xml개발자 · Answer

막상 생가나는 것은제이쿼리 애니메이트가 비슷한 효과를 주는 걸로 알고 있습니다. https://www.w3schools.com/jquery/tryit.asp?filename&#61;tryjquery_eff_animate

doru · Answer

효과라기보단 slide에다가 CSS 응용한거같네요. active 클래스 붙은 항목은 width가 늘어나게 css가 짜여져있어요.

doru · Answer

추가로.. 4번째 항목에 마우스 올리면 이미지도 확대되는건 저건 업로드된 저 이미지만 원래 정사이즈가 거의 정사각형이라 넓어지는 넓이만큼 강제로 좌우로 늘어나는겁니다. 나머지 이미지들은 정사이즈가 기본적으로 좌우가 좀 넓어서 마우스를 올려도 비율면에선 별 차이가 없네요

선배님들 마우스 오버시에 div가 확장되는 이 효과 뭐라고 검색하면 좋을까요?(영상 첨부)

3개의 답변

#mouseover 목록