땀나는 애

[html+css] hover_ 이미지hover시 올라가기up 본문

쭈구리 코딩/내가 보고 쓰려고 모은 것

[html+css] hover_ 이미지hover시 올라가기up

달콤썸머 2019. 12. 31. 11:43
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/rest.css">
</head>
 
<style>
    .imgUp a {height: 100%; transition: transform .2s ease, padding .2s ease;display:inline-block}
    .imgUp a:hover {padding-bottom: 50px; transform: translate(0,-50px);}
</style>
<body>
    <br/><br/><br/><br/><br/><br/>
    <div class="imgUp">
        <a href=""><img src="기획전시 포스터.jpg" alt=""></a>
    </div>
 
</body>
</html>
 
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
저작자표시 비영리 변경금지

'쭈구리 코딩 > 내가 보고 쓰려고 모은 것' 카테고리의 다른 글

[Error] 태그 글자 넘침 현상, 말줄임표  (0) 2020.01.09
[html+css] 반응형_테이블  (0) 2019.12.31
[html+css]hover_이미 hover시 다른 이미지 바뀜  (0) 2019.12.31
[Script] dropdown menu_드롭다운메뉴 2,3뎁스  (0) 2019.12.31
[script] toggle_아코디언+옆에 화살표 바뀜  (0) 2019.12.31
'쭈구리 코딩/내가 보고 쓰려고 모은 것' Related Articles more
Comments