내용

글번호 651
작성자 heojk
작성일 2017-04-26 16:26:31
제목 CSS transition 예제 - mouse hover
내용 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>