Difference between revisions of "Team:Jilin China/CSS Details"

Line 221: Line 221:
 
display: block;
 
display: block;
 
width:100%;
 
width:100%;
height:7rem;
+
height:4rem;
overflow:hidden;
+
overflow:hidden;
}
+
opacity:0;
.bodycontent .s2 > ul > li > span::after{
+
transition:all 0.3s ease;
content:"";
+
display: block;
+
height:7rem;
+
width:100%;
+
background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,0,0,1));
+
position:absolute;
+
bottom:0;
+
 
}
 
}
 
.bodycontent .s2 .paragraph_banner{
 
.bodycontent .s2 .paragraph_banner{
Line 379: Line 372:
 
.details_button_button:checked ~ .li_fold{
 
.details_button_button:checked ~ .li_fold{
 
height:auto !important;
 
height:auto !important;
 +
opacity:0
 
}
 
}
 
.details_button{
 
.details_button{

Revision as of 10:28, 2 September 2018