css转换没有悬停？

很简单的问题：

当通过伪选择器（即

：hover

，

：active

等）触发动画不合适/不可行时，是否可以利用css转换

我的用例是在表单提交后，我想要一些动画。我在想我能做些什么，比如：

.success_message { ...transition stuff + opacity: 0 }
.success_message.shown { opacity: 1 }

然后使用javascript，我会将

显示的
类添加到我想要设置动画的元素中

为什么不直接使用jQuery或类似工具来制作动画？我很高兴你问。在iPhone和其他移动设备上，CSS的转换要平滑得多，这正是我的目标平台。目前，我正在用jQuery制作动画，但它们并不像可能的那样平滑


编辑以澄清关于伪选择器的问题。
是的，您可以这样做。Css转换可以在Css属性发生更改时工作，即使是因为类发生了更改。
一切都应该按照您的预期工作。JSFiddle：

如果这不能解决您的问题，请提供进一步的代码示例或浏览器详细信息。祝你好运
 CSS转换与伪类/元素选择器有什么关系？您能否通过
：hover
或
：active
澄清哪些是不可选择的？据我所知，您可以在很多元素上使用这些伪选择器。我相信OP是在谈论事件，而不是专门针对伪选择器。例如，“我希望这发生在一个按钮点击”谢谢！我想当我第一次尝试这个的时候，我放弃的太快了。感谢您在JSFIDLE上提供的示例。非常棒的触感。谢谢你快速准确的回复，我很感激。
 .success_message {
   opacity: 0.0;
   transition: opacity 0.3s linear;
   -webkit-transition: opacity 0.3s linear;
   -moz-transition: opacity 0.3s linear;  
   -o-transition: opacity 0.3s linear;
 }

 .success_message.shown {
   opacity: 1.0;
 }