有没有人知道是否有一个模拟这种效果的Qt小部件?

我想要做的是当用户输入一些数据并且这些数据无效时,会出现这个气泡并告诉用户'嘿,这里有错误!'
我制作了一些CSS动画,在WebKit(Safari/Chrome)上,它运行正常,但在Firefox上,时机搞定了.
JSFiddle:http://jsfiddle.net/jmorais/p5XCD/1/
码:
var open = false;
var intransition = false;
function openCard() {
intransition = true;
$('.out').addClass('openingOut');
$('.in-left').addClass('openingIn');
setTimeout(function() {
$('.out').css("z-index", "2");
$('.in-left').css("z-index", "3");
}, 850);
setTimeout(function(){
$('.out').removeClass('openingOut').addClass('outOpen');
$('.in-left').removeClass('openingIn').addClass('inOpen');
open = true;
intransition = false;
}, 3000);
}
function closeCard() {
intransition = true;
$('.out').addClass('closingOut');
$('.in-left').addClass('closingIn');
setTimeout(function() {
$('.out').css("z-index", "3");
$('.in-left').css("z-index", "2");
}, 1000);
setTimeout(function(){
$('.out').removeClass('closingOut').removeClass('outOpen');
$('.in-left').removeClass('closingIn').removeClass('inOpen');
open = false;
intransition = false;
}, 3000);
}
function toggleCard() {
if (intransition) { return; }
if (open) …Run Code Online (Sandbox Code Playgroud)我正在制作贺卡.当用户点击卡片时,它将打开并显示其内容.我如何在CSS和JavaScript中做到这一点?我正在使用透视和旋转,你可以在这里看到.如果你知道一个看起来像我正在尝试做的例子,请发布链接.
