相关疑难解决方法(0)

CSS Transitions可用于允许文本段落在页面加载时淡入吗？

我真的很喜欢它在http://dotmailapp.com/上的样子,并且喜欢使用CSS使用类似的效果.

注意:此域名已被购买,不再具有上述效果.可以在Wayback Machine上查看存档副本.

插图

有这个标记:

<div id="test">
    <p>?This is a test</p>
</div>??????????????????????????????????????????????????????

使用以下CSS规则:

#test p {
    opacity: 0;
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}?

如何在加载时触发转换？

我真的想让一段文字在不使用javascript或文本装饰的情况下使老式风格闪烁.

没有过渡,只有*闪烁*,*闪烁*,*闪烁*!

编辑:这与那个问题不同,因为我要求在没有连续转换的情况下闪烁,而其他问题的OP询问如何用连续转换替换闪烁

我正在尝试创建一个仅用于解决文本的CSS解决方案.案文应该说:

研究...

而且我希望它能够淡入淡出,给用户留下一个印象,即它的研究速度与跳动的心脏相同.

这是我到目前为止的代码:

HTML:

<p class="blinking">Researching...</p>

CSS:

.blinking {
    transition: opacity 2s ease-in-out infinite;
  opacity: 1;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5
  }

  100% {
    opacity: 0;
  }
}

但这不起作用,这也适用于chrome extenson,因此只要它在最新版本的chrome中工作就足够了.