js实现可拖动大小dvd老式电视效果代码-html代码-BFW代码库

js实现可拖动大小dvd老式电视效果代码

代码语言：html

所属分类：拖放

代码描述：js实现可拖动大小dvd老式电视效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

  
  
<style>
body {
  background-color: #222;
}

.tv-style {
  width: 400px;
  height: 300px;
  min-width: 115px;
  min-height: 100px;
  max-width: 95%;
  max-height: 95%;
  margin: 0 auto;
  padding: 16px 16px 50px 16px;
  margin-top: 32px;
  resize: both;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  border-bottom-left-radius: 50% 2%;
  border-bottom-right-radius: 50% 2%;
  border-top: 3px solid #888;
  background: linear-gradient(90deg, #29282b 0%, #29282b 22%, #29282b 31%, #29282b 39%, #29282b 60%, #29282b 80%, #29282b 100%);
  box-shadow: 0 0 100px 0 rgba(200, 235, 255, 0.4);
}
.tv-style:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 3%;
  left: 36%;
  height: 0.5%;
  width: 28%;
  background: #ddd;
  border-radius: 50%;
  box-shadow: 0 0 3px 0 white;
}

#tv {
  width: 100%;
  height: 100%;
  position: relative;
  background.........完整代码请登录后点击上方下载按钮下载查看