0
我有一个背景上非常褪色的h1文本。一旦你翻过来/悬停在它所在的块上,它会缓慢地开始点亮,直到它完全变白。这很棒,就像我想要的一样。这是问题。一旦离开悬停,颜色就会变淡。我希望它保持白色,因为它消退的全部重点在于它不应该在你的视线中,直到你在它旁边徘徊。什么是保持悬停后效果最简单的方法
TL:DR /当我悬停h1时,它开始点亮,我希望在移除悬停后保留新颜色。
我用
<h1 style="color: #fff;">Sammen flytter vi<br> de digitale grænser.</h1>
的CSS的HTML我使用
.lovernemarketingtitle h1 {
font-size: 50px;
line-height: 54px;
font-weight: 900;
opacity: 0.5;
}
.lovernemarketingtitle:hover h1 {
opacity: 1;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}
性溶液PRAVEEN KUMAR
http://jsbin.com/dufarofoto/1/edit?html,css,output
您好,非常感谢您的回答!现在修复不透明部分。我添加了我用于原始帖子的HTML,也许有帮助。我尝试编辑你的代码,但无法使它工作(当然是我的错)。 我想让它在h1上工作,而不是文本按钮,抱歉没有更具体。 悬停之前= 0.5不透明度 一旦你悬停=我希望它缓慢地进入1不透明状态(在1秒内),如果有人取消悬停,它只是保持在那里它不会再次淡出。 – eMikkelsen
@eMikkelsen尼斯,还有什么需要修复吗?你想像我的例子一样吗? –
你好,我现在编辑了评论,对于混淆抱歉。另外至于HTML/CSS我使用的一切工作除了保持颜色,一旦你停止盘旋:) – eMikkelsen