单击即可更改文本

-2

我正在用Html和Css构建网站。单击即可更改文本

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

我已经淡化图像的东西了，没问题。但文本是最难的（我使用fadeAndScale动画和文本）。任何帮助，将不胜感激！

这是我到目前为止有：

Website html code Website css code

（注：我不能使用Javascript和使用云9 ...对不起...我也很新与本网站）

来源

2017-04-15 Cat Optimist

请提供你在你的问题至今你的代码的相关部分，这是很难帮助否则你。 –

@PatrickHund编辑了这个问题......如果我编辑这个问题，那么评论的人会被告知吗？ –

更好，但请在您的问题中包含代码。您提供的链接可能在将来的某个时间点处于死亡状态，使您的问题变得毫无用处。 –

看看是否有帮助（点击工作div没有js，你需要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>

来源

2017-04-15 12:25:12 rafaelfndev

这工作表示感谢！感谢您的高举 –

单击即可更改文本

回答

相关问题