首页/styles.css：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第14行： | 第14行： | ||
} | } | ||
.video_block{ | .video_block{ | ||
display: block; | |||
position: relative; | position: relative; | ||
box-shadow: 0 2px 5px #aaa; | box-shadow: 0 2px 5px #aaa; | ||
max-width: 800px; | max-width: 800px; | ||
transition: | transition: all 0.3s ease-in-out; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.video_block:hover { | .video_block:hover { | ||
display: flex; | |||
box-shadow: 1px 5px 8px #aaa; | box-shadow: 1px 5px 8px #aaa; | ||
animation: float 4s infinite ease-in-out; | animation: float 4s infinite ease-in-out; | ||
} | |||
.video_block .video_block div { | |||
transition: all 0.3s ease-in-out; | |||
} | } | ||
.video_block .neuro-button{ | .video_block .neuro-button{ | ||
| 第50行： | 第55行： | ||
.video_block #vedal .screen-large, .video_block #vedal .screen-medium{ | .video_block #vedal .screen-large, .video_block #vedal .screen-medium{ | ||
transform: scale(1.0); | transform: scale(1.0); | ||
} | |||
.video_block .video_block div .screen-large, .video_block .video_block div .screen-large .screen-medium{ | |||
transform: scale(1.5); | |||
} | |||
.video_block:hover .video_block div .screen-large, .video_block:hover .video_block div .screen-large .screen-medium{ | |||
transform: scale(1.0); | |||
} | |||
.video_block:hover .video_block div { | |||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
position: relative; | |||
} | } | ||
@keyframes float { | @keyframes float { | ||