TMGM最佳线上交易平台 - 顶级货币-MT4合作伙伴_行业资讯_新闻中心

TMGM最佳线上交易平台 - 顶级货币-MT4合作伙伴

发布时间：2025-04-13 10:49:12

作者：创始人

阅读：0

5s;display: flex; align-items: center;height:auto;padding: 0 30px;opacity:0}
.hoverImg.hoverImgresize .p-more:before { content: '';position: absolute;width: calc(100% - 60px);height: calc(100% - 60px); border: 3px solid #fff; box-sizing: border-box; transition-duration: 0.4s; transform-origin: 50% 50%; transform: scale(1.1) translate(0%,0%); opacity: 0;}
.hoverImg.hoverImgresize:hover .p-more {opacity:1}
.hoverImg.hoverImgresize:hover .p-more:before {transform: scale(1) translate(0%,0%);opacity: 1;}
.hoverImg.hoverImgresize .p-more .imgHref {color:#fff;display: block;margin: 0 auto; padding: 10px; text-align: center;font-size: 16px;transition-duration: 0.4s; transform-origin: 50% 50%;transform: scale(1) translate(0%,-50%);opacity: 0;}
.hoverImg.hoverImgresize:hover .p-more .imgHref{transform: scale(1) translate(0%,0%);opacity: 1;}
.hoverImg.hoverImg .p-more .imgHref .title{margin-bottom:15px;}
.hoverImg.hoverImg .p-more .imgHref span { width: 43px;height: 43px;background: #fff; display: block; border-radius: 25px; margin: 15px auto 0;}
.hoverImg.hoverImgresize .img{transform: scale(1.3); transition: all .5s;}
.hoverImg.hoverImgresize:hover .img{transform: scale(1);}
/*图片底部向上+遮罩层透明向右展开*/
.hoverImg.hoverImgBottomup .p-more { width: 100%;height: 0;position: absolute;bottom: 0; transition: 0.5s;display: flex; align-items: center;padding: 0 30px;opacity:0;z-index:2;top:auto;min-height: 0;}
.hoverImg.hoverImgBottomup:before { content: '';position: absolute;width:0;height:100%; box-sizing: border-box; transition-duration: 0.4s; transform-origin: 50% 50%; opacity: 0;z-index:1;left: 0;top: 0;}
.hoverImg.hoverImgBottomup:hover:before{width:100%;background: rgba(179,27,41);opacity: 0.3;}
.hoverImg.hoverImgBottomup:hover .p-more {opacity:1;height:40%;top:auto;min-height:40%;bottom:0;}
.hoverImg.hoverImgBottomup:hover .p-more:before {transform: scale(1) translate(0%,0%);opacity: 1;}
.hoverImg.hoverImgBottomup .p-more .imgHref {color:#fff;display: block;margin: 0 auto; padding: 10px; text-align: center;font-size: 16px;transition-duration: 0.4s; transform-origin: 50% 50%;transform: scale(1) translate(0%,-50%);opacity: 0;}
.hoverImg.hoverImgBottomup:hover .p-more .imgHref{transform: scale(1) translate(0%,0%);opacity: 1;}
/*遮罩层左侧渐入*/
.hoverImg.leftGradually .p-more { width: 0;height: 100%;posi