首页/styles.css:修订间差异
无编辑摘要 |
小无编辑摘要 |
||
第12行: | 第12行: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
.video_block { | .video_block { | ||
第25行: | 第18行: | ||
height: 500px; | height: 500px; | ||
max-width: 800px; | max-width: 800px; | ||
transition: transform 0.3s ease-in-out; | |||
box-shadow: 0 2px 5px #aaa; | |||
overflow: hidden; | overflow: hidden; | ||
display: flex; /* 为了悬浮时能启用 Flexbox */ | display: flex; /* 为了悬浮时能启用 Flexbox */ | ||
flex-wrap: wrap; /* 使子元素在悬浮时换行 */ | flex-wrap: wrap; /* 使子元素在悬浮时换行 */ | ||
flex- | align-content: flex-start; | ||
gap: 10px; /* 悬浮时子元素之间的间距 */ | gap: 10px; /* 悬浮时子元素之间的间距 */ | ||
transition: all 1s ease; /* 添加平滑过渡 */ | transition: all 1s ease; /* 添加平滑过渡 */ |