Tag: 不透明的

如何使用CSS 3闪烁/闪烁的文本？

目前，我有这样的代码： @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } 它眨了眨眼，但只是在“一个方向”闪烁。 我的意思是，它只是淡出，然后它以opacity: 1.0出现opacity: 1.0 ，然后再次淡出，再次出现，等等…我希望淡出，然后再从这个淡出“提高”回来到opacity: 1.0 。 那可能吗？

在页面加载时使用CSS淡入效果

可以使用CSS转换来允许文本段落在页面加载时淡入？ 我真的很喜欢它在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; }​ 如何在加载时触发转换？