SS同盟手册.css:修订间差异
外观
小无编辑摘要 |
小无编辑摘要 |
||
| 第28行: | 第28行: | ||
color:#fff; | color:#fff; | ||
border-radius:5px; | border-radius:5px; | ||
} | |||
h2:hover { | |||
padding:1em; | |||
height:250px; | |||
overflow:auto; | |||
transition:height 0.36s cubic-bezier(0.51, 0, 0.31, 1.23) 0.4s; | |||
} | } | ||
2022年7月19日 (二) 02:29的版本
/* div 边框圆角 */
div {
position: relative;
border-radius: 15px;
flex: 0 0 25%;
}
/*特殊透明框
需使用<div class="card" style="padding-top:1px"> 内容 </div>*/
.card, .cardTalk {
padding: 1px 3em 2em;
background: rgba(255,255,255,0.2);
border-radius: 10px;
border: 1px solid #ddd;
margin: 1em auto;
max-width: 1080px;
box-shadow: inset 0 0 2px 1px #fff, 0 1px 1px rgba(0,0,0,0.07), 0 1px 3px 1px rgba(61,0,99,0.14);
}
/*标题*/
h2 {
display:inline-block;
width:6em;
min-height:2em;
text-align:center;
background:linear-gradient(66deg,#9180ac,#e29fb5);
font:700 1.1em/2em sans-serif;
color:#fff;
border-radius:5px;
}
h2:hover {
padding:1em;
height:250px;
overflow:auto;
transition:height 0.36s cubic-bezier(0.51, 0, 0.31, 1.23) 0.4s;
}