diff --git a/react-whenMeet/src/styles/CalendarWeek.css b/react-whenMeet/src/styles/CalendarWeek.css index 4dad962ab3fe1224346354e3ef2ad33c837bfcf0..406b79c7d99199e75d9ab92cea02500cf7b8c6e8 100644 --- a/react-whenMeet/src/styles/CalendarWeek.css +++ b/react-whenMeet/src/styles/CalendarWeek.css @@ -36,9 +36,14 @@ th { td { background-color: #f4f4f4; cursor: pointer; + transition: background-color 0.3s ease, transform 0.3s ease, + box-shadow 0.3s ease; /* 부드러운 애니메이션 효과 */ } td:hover { background-color: aqua; + transform: scale(1.05); /* 셀을 약간 확대 */ + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 셀에 그림자 추가 */ + border: 1px solid #5fbdff; /* 셀 주위에 테두리 추가 */ } .selected {