直播记录/styles.css:修订间差异
< 直播记录
无编辑摘要 |
小无编辑摘要 |
||
第17行: | 第17行: | ||
background-color: rgba(255, 255, 255, 0.1); | background-color: rgba(255, 255, 255, 0.1); | ||
box-shadow: 0 2px 5px #aaa; | box-shadow: 0 2px 5px #aaa; | ||
transition: all 0.3s ease-in-out; | |||
} | } | ||
.item > a{ | .item > a{ | ||
第29行: | 第30行: | ||
transition: all 0.3s ease-in-out; | transition: all 0.3s ease-in-out; | ||
padding-right:0; | padding-right:0; | ||
text-decoration: none; | |||
} | } | ||
.item > a:hover{ | .item > a:hover{ | ||
padding-right: | padding-right:26px; | ||
color: #000000; | color: #000000; | ||
text-decoration: none; | |||
} | |||
.item:hover{ | |||
background-color: rgba(0, 0, 0, 0.6); | |||
} | } |
2024年12月1日 (日) 00:26的版本
.base_block{ border: 2px outset #9147ff; background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 2px 5px #aaa; display: flex; justify-content: space-evenly; flex-wrap: wrap; padding: 15px; } .item{ max-width: 360px; min-width: 200px; height: 124px; flex-grow: 1; padding: 0; display: flex; background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 2px 5px #aaa; transition: all 0.3s ease-in-out; } .item > a{ position: relative; display: flex; width: 100%; height: 100%; justify-content: right; align-items: flex-end; font-size: 42px; color: #ffffff; transition: all 0.3s ease-in-out; padding-right:0; text-decoration: none; } .item > a:hover{ padding-right:26px; color: #000000; text-decoration: none; } .item:hover{ background-color: rgba(0, 0, 0, 0.6); }