[즐거'웅'코드] 목차 CSS 예제 소스 구현 예시 CSS 1 2 3 4 5 .test_obj:hover { transform: translateX(50px); } 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 .test_obj { display: block; width: 200px; height: 200px; transition: all 0.3s ease-out; background-color: #414144; } .test_obj:hover { transform: translateX(50px); } 구현 예시

[즐거'웅'코드] 목차 CSS 예제 소스 구현 예시 CSS 1 2 3 4 5 .test_obj:hover { transform: translateX(-50px); } 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 .test_obj { display: block; width: 200px; height: 200px; transition: all 0.3s ease-out; background-color: #414144; } .test_obj:hover { transform: translateX(-50px); } 구현 예시

[즐거'웅'코드] 목차 CSS 예제 소스 구현 예시 CSS 1 2 3 4 5 .test_obj:hover { transform: translateY(50px); } 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 .test_obj { display: block; width: 200px; height: 200px; transition: all 0.3s ease-out; background-color: #414144; } .test_obj:hover{ transform: translateY(50px); } 구현 예시

[즐거'웅'코드] 목차 CSS 예제 소스 구현 예시 CSS 1 2 3 4 5 .test_obj:hover { transform: translateY(-50px); } 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 .test_obj { display: block; width: 200px; height: 200px; transition: all 0.3s ease-out; background-color: #414144; } .test_obj:hover{ transform: translateY(-50px); } 구현 예시