我试图在元素上应用一些CSS3转换,有两个问题.该网页包含大量的便签,我想通过应用带有一些JavaScript的CSS类来放大点击(缩放)或翻转悬停(rotateY)它们.
例如,缩放类是这样的:
.postit-container.enabled {
z-index: 15;
-webkit-transition: -webkit-transform 0.15s ease-in-out;
-moz-transition: -moz-transform 0.15s ease-in-out;
-o-transition: -o-transform 0.15s ease-in-out;
-ms-transition: -ms-transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out;
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25);
}
Run Code Online (Sandbox Code Playgroud)
对于翻页效果我只使用rotateY(180deg)上:hover.
每个stickies都有6deg的默认旋转,我用nth-childCSS3选择器伪随机旋转以应用不同的旋转.
问题是,缩放或翻转时,屏幕闪烁,随机和页面上的某些字体被改变,并且长相丑陋,但不是所有的人,这真是不可思议.
这是一个jsfiddle,所以你可以自己看到问题:
JSfiddle (在Mac OS X 10.6.8上使用Google Chrome 12.0.742.122测试)
我已经尝试过这个-webkit-backface-visibility技巧了,闪烁已经消失并且肯定会变换,但字体看起来一直都很难看.
我希望有人有魔术,因为我真的不明白这种行为.
我有一个非常简单的QListWidget对象,我想建立一个文件夹列表.当我将一个项目添加到我的列表中时,我的工作是:
void LessCC::on_addFolderButton_clicked()
{
QString dirName = QFileDialog::getExistingDirectory(this, tr("Choose Directory"), QDir::homePath(), QFileDialog::ShowDirsOnly);
QListWidgetItem* newItem = new QListWidgetItem(QIcon(":/resources/icons/folder.png"), dirName, 0, 0);
this->ui->folderListWidget->addItem(newItem);
}
Run Code Online (Sandbox Code Playgroud)
这是有效的,但我希望我的项目有多行或一列信息(具有不同的样式).
我听说过QStyledItemDelegate,但我真的不明白它是如何工作的,因为我发现的所有其他解决方案对于这么简单(?)的事情来说似乎很复杂.
这是唯一的解决方案还是有一些更简单的我没有看到?
希望可以有人帮帮我.