CSS transition 예제 - mouse hover
실행결과
transition.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
div {
width: 100px;
height: 100px;
background: red;
transition-property: width;
transition-duration: 2s;
transition-timing-function: ease;
}
div:hover {
width: 300px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
|