0

我目前正在为一个大学项目使用 CSS3 过渡和动画。

当我点击页面上的链接时，我需要div出现（从opacity:0.5到）。opacity:1

我正在使用本文中找到的信息来实现我的目标，但它似乎不适用于<div>.

这是我的代码：

CSS

.crea_account{
    position:absolute;
    background-color:#0F0;
    border-radius:5%;
    width:600px;
    height:300px;
    top: 250px;
    right: 135px;
    padding: 10px;
    opacity:0.5;
    -webkit-transition: all 1s ease;
}

:target{
    opacity:1;
}

HTML

<div class="benvenuto">
        <h1 class="welcome"><a href="#">Benvenuto!</a></h1>
        <h2 class="login cool_link"><a href="#crea_account">Crea il tuo account</a>      oppure <a href="#">Accedi</a></h2>
</div>
<div class="crea_account">
    Some content
</div>

有人有任何教程的链接来解释我想要获得的东西吗？谢谢！

4

1 回答 1

1

如果您使用散列#链接到一个元素，则必须将id目标的 设置为该值。课程根本不会影响这一点。

<div id="crea_account" class="crea_account">
    Some content
</div>

每个文档中的每个id都是唯一的。url 的哈希部分指的是具有给定的特定元素，id这就是浏览器想要跳转到的地方。（:target如果您使用的是现代浏览器，也应该可以使用）

于 2013-10-14T09:52:32.960 回答