CSS HTML5/퍼블리싱 팁
css로 이미지 롤오버하기
웹디자이너 Kang Ji Yeon
2016. 11. 9. 20:23
반응형
<html>
<head>
<style type="text/css">
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }
</style>
</head>
<body>
<a href="#" class="rollover"><img class="rollover" src="http://haxim.kr/new/img/sample/001.gif "><img src="http://haxim.kr/new/img/sample/002.gif"></a>
</body>
</html>
반응형