Question

我几天前买了这个模板，有一个悬停效果我想改变。现在是这样的，你看到几个照片，如果你用鼠标在它上面，它将悬停（黄金和一些文字）。我想尝试的是我想改变它。我想首先以这种黄金方式获得它，然后用鼠标移动它之后，它应该是清楚的。

我现在坐了三天，我不知道该怎么做。脚本文件太多了。

<div class="portfolio-item border portrait fashion">
    <div class="portfolio-item-hover">
        <a href="#"></a>
        <div class="portfolio-item-hover-info">
            <hr/>
            <h3>Schuppenflechten</h3>
            <hr/>
        </div>
    </div>
</div>

这是一个HTML代码，在这个页面上你可以看到我的问题。如果你可以帮助我test

，那将是非常好的

Answer 1

在css文件fineliner.css第836行中，查找以下内容

.portfolio-item:hover .portfolio-item-hover {
    opacity: 0.9; //change this to 0
}

.portfolio-item-hover {
    background: #C5AE87;
    height: 100%;
    opacity: 0; //change this to 0.9
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    transition: opacity .18s ease-in-out;
   -moz-transition: opacity .18s ease-in-out;
   -webkit-transition: opacity .18s ease-in-out;
   -o-transition: opacity .18s ease-in-out;
}

就是这样

Answer 2

.portfolio-item-hover {

 opacity: 0;

}

在这里将不透明度更改为.9。

和

.portfolio-item: hover {
 opacity: .9;
}

这里将不透明度变为0。

有效..

改变悬停效果

2 个答案: