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

Line 63: Line 63:
 
background:url(https://static.igem.org/mediawiki/2018/6/69/T--Jilin_China--HP--Materials--Quote.svg) no-repeat center;
 
background:url(https://static.igem.org/mediawiki/2018/6/69/T--Jilin_China--HP--Materials--Quote.svg) no-repeat center;
 
opacity:0.5;
 
opacity:0.5;
 +
}
 +
 +
.details_button{
 +
border:3px solid black;
 +
height:3.5rem;
 +
width:3.5rem;
 +
border-radius: 3.5rem;
 +
transition: all 0.3s ease;
 +
position: relative;
 +
}
 +
.details_button:hover{
 +
width:12rem;
 +
background:black;
 +
}
 +
.details_button svg{
 +
transform: translate(4.25px,4.25px);
 +
}
 +
.details_button .vertical_line{
 +
transition: all 0.4s ease;
 +
}
 +
.details_button:hover .vertical_line{
 +
d:path('M27.5,12,42.94,27.5,27.5,43');
 +
stroke:white;
 +
}
 +
.details_button p{
 +
color: black;
 +
line-height: 3.5rem;
 +
position:absolute;
 +
top:0;
 +
left:3rem;
 +
margin:0;
 +
width:8.5rem;
 +
text-align: center;
 +
transition: all 0.3s ease;
 +
}
 +
.details_button:hover p{
 +
color: white;
 
}
 
}
  

Revision as of 07:15, 2 September 2018