如何在照片上添加外边框以及照片旋转

<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.box{
/* background: red; */
width: 120px;
border: 5px #0000FF solid;
border-radius: 100%;
}
.box img:hover{
transform:rotate(360deg);(旋转360,)
transition: 3s;
}
</style>
</head>
<body>
<div class="box">
<img src="img/a2.png" >
</div>
</body>
</html>

posted on 2021-04-09 23:18  jimyking  阅读(225)  评论(0)    收藏  举报