관리 메뉴

moozi

html연습문제06 본문

TIS_2019/응용sw2019_1기

html연습문제06

moozi 2019. 4. 4. 15:46

1. 다음 중 첫번째 p태그만 글자색을 빨간색으로 작성하시오.
- id, class 선택자를 사용하지 않고 작성.

<p>html5</p>

<p>html5</p>



2. 이미지를 마우스오버하면 크기가 1.5배커지고, 
opacity는 0.7에서 1로
변하게 하시오. 트랜지션사용.

3. 페이지가 로딩되면 

HTML5

 부분이 왼쪽에서 나타나게 하시오.
가.애니메이션 사용. 
나.animate.css 사용

4. 목록의 li를 마우스오버하면 글자가 1.2배 커지고, 배경색이
바뀌게 하시오.트랜지션사용.

5. 로딩바 만들기

CSS를 사용해서 회전하는 로딩바 만들기.

가. 박스를 만든다.
나. 박스 윗쪽테두리만 색을 칠한다.
다. 박스를 원으로 만듬
라. 애니메이션을 이용해서 회전시킨다.

'TIS_2019 > 응용sw2019_1기' 카테고리의 다른 글

html연습문제07  (0) 2019.04.05
movie index.html  (0) 2019.04.05
box-shadow.html  (0) 2019.04.03
html연습문제05  (0) 2019.04.03
layout04.html  (0) 2019.04.03
Comments