티스토리 뷰
<!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 |
| Image Marker (0) | 2013.08.01 |
| z-index 비슷한 예제 2 (0) | 2013.08.01 |
| z-index 비슷한 예제 (0) | 2013.08.01 |
댓글