WangYingkun (Talk | contribs) |
WangYingkun (Talk | contribs) |
||
Line 31: | Line 31: | ||
− | + | a.button { | |
margin: 30px 20px; | margin: 30px 20px; | ||
padding: 15px 20px; | padding: 15px 20px; | ||
border-radius: 10px; | border-radius: 10px; | ||
− | border: 2px solid; | + | border: 2px solid #CEFFF1; |
font: 16px 'Open Sans', sans-serif; | font: 16px 'Open Sans', sans-serif; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
Line 43: | Line 43: | ||
-webkit-transition: all .5s; | -webkit-transition: all .5s; | ||
transition: all .5s; | transition: all .5s; | ||
+ | display: inline-block; | ||
} | } | ||
/* btn-1 */ | /* btn-1 */ | ||
− | + | a.btn-1 { | |
color: #CEFFF1; | color: #CEFFF1; | ||
− | |||
background: -webkit-linear-gradient(left, #CEFFF1, #CEFFF1) no-repeat; | background: -webkit-linear-gradient(left, #CEFFF1, #CEFFF1) no-repeat; | ||
background: linear-gradient(to right, #CEFFF1, #CEFFF1) no-repeat; | background: linear-gradient(to right, #CEFFF1, #CEFFF1) no-repeat; | ||
background-size: 0% 100%; | background-size: 0% 100%; | ||
} | } | ||
− | .btn-1:hover { | + | a.btn-1:hover { |
background-size: 100% 100%; | background-size: 100% 100%; | ||
background-color: transparent; | background-color: transparent; | ||
Line 72: | Line 72: | ||
<div class="htmleaf-container" style="text-align: center;position: absolute;margin-top:50px;"> | <div class="htmleaf-container" style="text-align: center;position: absolute;margin-top:50px;"> | ||
− | <a | + | <a class="button btn-1" href="https://2017.igem.org/Team:CIEI-BJ/index#start_anchor">Dive into our journal</a> |
− | + | ||
− | </a> | + | |
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 09:58, 31 October 2017