티스토리 뷰

<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

<style type="text/css">

#area {

width: 50%;

height: 30px;

background-color: yellow;

margin: 30px;

-webkit-transition: all 2s linear;

}


#area:hover {

-webkit-transform: scale(1.2, 1.2);

}

</style>

</head>

<body>

<div id="area">문장에 트랜시션을 적용</div>

</body>

</html>



문장에 트랜시션을 적용

'java,web study > 5주차 (7월 29일~8월 4일)' 카테고리의 다른 글

데이터타입  (0) 2013.08.02
html+css3 실습  (0) 2013.08.01
Transition  (0) 2013.08.01
Image Marker  (0) 2013.08.01
z-index 비슷한 예제 2  (0) 2013.08.01
z-index 비슷한 예제  (0) 2013.08.01
TAG
,
댓글
댓글쓰기 폼