docs: 修复最新版本Chrome浏览器文档部分动画效果失效的问题

This commit is contained in:
click33 2024-11-06 21:01:50 +08:00
parent ca1a8ec239
commit 23d5df85e3

View File

@ -81,7 +81,7 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
/* 其它平台链接 */
.qt-pt-box{margin-top: 40px;}
.qt-pt-box a{text-decoration: none; margin-right: 20px;}
.qt-pt-box a img{/* width: 130px; */ height: 40px; transition: all 0.2s;}
.qt-pt-box a img{/* width: 130px; */ height: 40px; transition: all 0.2s !important;}
.qt-pt-box a img:hover{transform: scale(1.1, 1.1);}
/* .img-gitcode{width: 140px;} */
@ -131,7 +131,7 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
/* 悬浮动画 */
.s-case:hover{box-shadow: 0 0 20px #ccc;}
.s-case:hover img{transform: scale(1.3, 1.3); }
.s-case-link img{transition: transform 0.3s;}
.s-case-link img{transition: transform 0.3s !important;}
.s-case img:hover{cursor: pointer;}
.s-case:hover .s-case-link:after {background-color: rgba(0, 0, 0, .35); color: #FFF;}
.s-case .s-case-link:after {
@ -176,7 +176,7 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
.com-box{display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 50px; justify-content: flex-start;}
.com-box a{display: block; flex: 0 0 13%; margin: 5px; cursor: pointer; border: 0px #ddd solid;}
.com-box a{line-height: 75px;}
.com-box a img{transition: transform 0.2s; vertical-align: middle; min-width: 60%; max-width: 100%; max-height: 100%;}
.com-box a img{transition: transform 0.2s !important; vertical-align: middle; min-width: 60%; max-width: 100%; max-height: 100%;}
.com-box a img:hover{transform: scale(1.05, 1.05);}
.com-box-you a img:hover{transform: none;}