잡동사니에도 사랑을

[21.09.23]exam02(08_cssDynamic) - font-size에 대한 전환 본문

JAVA_EE/CSS

[21.09.23]exam02(08_cssDynamic) - font-size에 대한 전환

luvforjunk 2021. 9. 23. 22:19
728x90
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
span {
	transition: font-size 5s;
}

span:hover {
	font-size: 500%;
	color: red;
}
</style>
</head>
<body>
	<h3>font-size에 대한 전환</h3>
	<hr>
	<p>
		<span>꽝!</span>글자에 마우스를 올려보세요
	</p>
</body>
</html>

 

 

 

728x90
반응형

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

[21.09.23]exam01(09_map) - 지도 좌표 설정  (0) 2021.09.23
[21.09.23]exam03(08_cssDynamic) - 다양한 transform(rotate, skew, translate, scale 활용)  (0) 2021.09.23
[21.09.23]exam01(08_cssDynamic) - 일정시간 반복하여 모양이 바뀌는 애니메이션(@keyframes from ~ to)  (0) 2021.09.23
[21.09.23]exam03(07_cssShadowCursor) -  (0) 2021.09.23
[21.09.23]exam02(07_cssShadowCursor) -  (0) 2021.09.23
'JAVA_EE/CSS' Related Articles more