반응형
position
-
<HTML/CSS> Animation 4 : 마우스를 올리면 배경이 바뀌면서 타이틀 나타내기컴퓨터 알아가기/HTML CSS 2022. 9. 21. 19:30
CSS Animation 기초는 Rock's Easy Web을 기본으로 공부하고 있습니다. 기본 그레이색을 가지고 있는 2개의 섹션 영역에 마우스를 올리면 배경색과 타이틀이 나오는 Animation을 공부해 보고자 합니다. 개발자들이 테스트용으로 사격형 영역을 불러올때 place-hold.it을 사용합니다. 이곳에서는 태그를 이용하여 400 X 200 사이즈의 두개의 섹션을 가상으로 다음과 같이 만들어 보겠습니다. 상기 HTML을 브라우저로 보게되면 다음과 같습니다. 이제 이 그림위에 마우스를 올리면 검은색(투명도 80%)으로 바뀌면서 Animation 연습이라는 타이틀이 가운데 오도록 Animation 효과를 공부해 보고자 합니다. ① 위치잡기 타이틀이 가운데 온다는 이야기는 span요소가 가운데 위로..