Jam's story

[CSS] transition 본문

WEB/CSS

[CSS] transition

애플쩀 2022. 5. 24. 10:49

버튼에 마우스를 올렸을 때 천천히 늘어나는 효과 

<style type="text/css">
button{ 
width:100px;
    transition:0.5s ease;
  }
  button:hover{
  width:300px;
  }
</style>
</head>
<body>
<button>버튼</button>
</body>
</html>
Insert title here
저작자표시 (새창열림)

'WEB > CSS' 카테고리의 다른 글

[CSS] float과 clear 속성  (0) 2022.05.24
[CSS] 웹페이지 구현  (0) 2022.05.24
[CSS] display 속성  (0) 2022.05.23
[CSS] 반응형 테이블 - 스크롤바 표시  (0) 2022.05.23
[CSS] 테이블 꾸미기  (0) 2022.05.23
'WEB/CSS' Related Articles more
Comments