去评论
dz插件网

影子江湖分享的打赏赞助文件提取二段代码怎么实现效果,代码高手指点下 New

哥斯拉
2024/04/02 07:32:33
这二天把使用教程中影子江湖分享的打赏赞助文件的首页文件,提取二段代码可怎么也实现不了效果,请代码高手指点下。

第一段,我是直接放在会员边栏会员图像那个位置:
<div class="jitheme_slide_d_m">
                            <div class="mini-stats-desc b2-radius">
                                       <li> <a href="#" class="jitheme-dt"><img src="images/xinxi.svg" width: "58" height: "45" />
                                                    <p>
                                                        点评
                                                    </p>
                                                </a>
                                            </li><li><a href="#" class="jitheme-dt"><img src="images/gonggao.svg" width: "58" height: "45" />
                                                    <p>
                                                        打赏
                                                    </p>
                                                </a>
                                            </li><li><a href="#" class="jitheme-dt"><img src="images/huiyuan.svg" width: "58" height: "45" />
                                                    <p>
                                                        签到
                                                    </p>
                                                </a></li>
                                            </div>
                        </div>
对应添加到CSS文件的代码:

.mini-stats-desc.b2-radius li:not(article):hover{opacity: 1;z-index: 99;border-radius: 20px;transform: translateY(-5px);box-shadow: 0 3px 10px rgba(0, 0, 0, .25);animation: index-link-active 1s cubic-bezier(0.315, 0.605, 0.375, 0.925) forwards;}@keyframes index-link-active {0%{transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(0);}16%{transform: perspective(2000px) rotateX(10deg) rotateY(5deg) translateZ(32px);}100%{transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(65px);}}
.wzw-programme-content .wzw-money-wrap{display:flex;flex-direction:row;flex-wrap:wrap}
.jitheme_slide_d_m {
margin-left: 15px!important;
margin-right: 15px!important;
}
.jitheme_slide_d {
    padding-left: 20px;
    flex: 0 0 100%;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}
.jitheme-dt:hover {
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}


实现的效果图片:


求教的问题:
1,代码中有一个li,CSS文件翻译过来是:不是标题,透明度啥的。从代码或CSS里去掉这个li,阴影效果,动态效果就没有了。
2,图片无法设置大小,图片后面添加的高宽度无效。怎么设置?



我知道答案 回答被采纳将会获得1 贡献 已有2人回答