前端实现图片在浏览器窗口随机移动

思路：

第一步，通过定位或则margin实现图片的移动；

第二步，判断图片碰到浏览器边框后进行折返；

第三步，实时获取浏览器边框大小设置定时任务；

html代码：

css代码

* {
  margin: 0;
  padding: 0;
}
body {
  overflow: hidden;
}
.email-container {
  display: flex;
  background: url('../assets/email_bg.jpg') center no-repeat;
  background-color: rgba(181, 48, 52, 1);
  background-size: cover;
  text-align: center;
  vertical-align: middle;
  text-align: center;
}
#email-img {
  margin: auto;
  width: 20%;
  cursor: pointer;
}

js实现