- index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>COIN</title> <link rel="stylesheet" href="./style.css" /> </head> <body> <div><img src="./coin.png" alt="" /></div> </body> </html> - style.css
body { height: 100vh; display: flex; justify-content: center; align-items: center; } div { transition: background-color 1s ease-in-out; border: 3px solid black; } img { width: 300px; height: 300px; transition: 3s ease-in-out; } img:hover { transform: rotateX(360deg) scale(1.5); }
가오리의 코딩일기