wcx/wolegca.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bug fixed

Browse Source
This commit is contained in:
wolegca 2019-09-12 11:02:34 +08:00
parent 7ead137c88
commit 23ee8fa275
2 changed files with 42 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
index.css
View File

@ -3,13 +3,13 @@ html {
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden
} }
body { body {
background: url(star-catcher-astronaut-catching-stars-for-research-astronaut.jpg) no-repeat center; background: url(star-catcher-astronaut-catching-stars-for-research-astronaut.jpg) no-repeat center;
background-size: cover; background-size: cover;
width: 200%; width: 200%
} }
input#menu-control { input#menu-control {
@ -83,10 +83,6 @@ div.menu-button span {
margin: 5px 0 0 3px margin: 5px 0 0 3px
} }
input#menu-control:checked+div.menu-container {
width: 350px;
left: 0
}
div.content-border { div.content-border {
width: 50%; width: 50%;
@ -94,20 +90,44 @@ div.content-border {
float: left; float: left;
box-sizing: border-box; box-sizing: border-box;
padding: 50px 50px 25px; padding: 50px 50px 25px;
overflow-y:scroll overflow-y: scroll
} }
div.content { div.content {
height: 200px; min-height: 200px;
max-width: 800px;
background-color: #fff; background-color: #fff;
border-radius: 15px; border-radius: 15px;
opacity: .5; opacity: .5;
animation: anim-content .5s; transition: opacity .5s ease,transform .5s ease;
transition: opacity .5s ease;
cursor: pointer; cursor: pointer;
padding: 15px padding: 15px;
margin-bottom: 25px
} }
div.content:hover { div.content:hover {
opacity: 1 opacity: 1;
}
@media screen and (max-width:700px) {
input#menu-control:checked+div.menu-container {
width: 50%;
left: 0
}
}
@media screen and (min-width:700px) {
input#menu-control:checked+div.menu-container {
width: 350px;
left: 0
}
div.content {
margin-left:auto;
margin-right:auto
}
div.content:hover {
transform:scale(1.05)
}
} }

11
index.html
View File

@ -29,7 +29,16 @@
<div class="content-border"> <div class="content-border">
<div class="content"> <div class="content">
你就是个垃圾 你就是个垃圾
</div> </div>
<div class="content">
你就是个垃圾
</div>
<div class="content">
你就是个垃圾
</div>
<div class="content">
你就是个垃圾
</div>
</div> </div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>