Question

我正在使用Html和Css建立一个网站。

当您点击网站链接时，会出现黑色背景，并显示一些白色文字。（我们只是说，“你好！点击开始吧！”）然后当你点击它时，一个图像淡入，一些新文本被旧的替换，加上一个导航栏也出现在顶部。

我有褪色的图像，没问题。但是文本是最难的文本（我使用文本的fadeAndScale动画）。任何帮助将不胜感激！

这是我到目前为止所得到的：

（注意：我不能使用Javascript并使用Cloud 9 ...对不起......我也是这个网站的新用户）

Answer 1

看看是否有帮助（点击没有js的div工作，你需要tabindex）。当您提出问题时，请提供您的代码（不是代码图片:)

.box {
  color: #FFF;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  background-color: #000;
  padding: 30px;
}

.state-2 {
display: none;
}

.box:focus .state-2 {
  display: block;
}

.box:focus .state-1 {
  display: none;
}

<div class="box" tabindex="0">
  <div class="state-1">Hello World</div>
  <div class="state-2">I'm Clicked!</div>
</div>

只需单击即可更改文本

1 个答案: