多款带动画简单的网站通知弹出提示效果

栏目分类：弹出提示   发布日期：2014-09-13   来源：互联网   浏览次数：次

今天我们想分享几个简单网站通知弹出提示效果。有很多的方式来表达一个不显眼的消息给用户：从经典的咆哮般的通知。真的没有限制使创造性的通知样式和效果，但你应该记住不要过分信赖它，他得到通知:)如果你想通知是一个谨慎的消息给用户，保持简单和微妙记为美观的效果也消失。

在这几套的通知样式的变化我们的目标是要做到这些。我们使用CSS动画的显示和隐藏的通知。其中有些是前面有一个空加载动画，这可能是需要在一个系统一段时间的具体行动（即节能，发送消息等），一个不错的主意。

请注意，效果将只能在支持CSS动画和3D转换浏览器。

有几个问题在IE中：动画冲程dashoffset SVG的路径循环加载动画使用一个CSS动画不起作用。那里也似乎是某种问题与翻转动画即在页面的底部（如果它是在顶部，它似乎工作）。精灵效果不起作用，因为IE浏览器似乎与百分比翻译值为麻烦。

火狐（运）似乎没有翻动东西的时候喜欢上盒阴影，但我们仍然把它落在了有弹性的翻页效果，因为它会在所有其他浏览器那么整齐。