我正在尝试使用纯CSS创建动画。 这是我的html结构
portfolio-image
我的CSS样式
portfolio-image
我无法让它发挥作用。
在这种情况下,如果tt-overlay
的{c}动画样式比links
和tt-overlay
都有效,则links
只会被动画化。
是否可以同时同时实现动画portfolio-image
,<xe:namePicker ...>
和<?xml version="1.0" encoding="UTF-8"?>
<xp:view
xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xe="http://www.ibm.com/xsp/coreex">
<xp:inputText
id="inputText1"
value="#{sessionScope.name}">
</xp:inputText>
<xe:namePicker
id="namePicker1"
for="inputText1">
<xe:this.dataProvider>
<xe:dominoNABNamePicker></xe:dominoNABNamePicker>
</xe:this.dataProvider>
</xe:namePicker>
</xp:view>
?
答案 0 :(得分:0)
您尚未为元素设置初始不透明度,并且每个动画元素都应具有过渡属性。 +你的例子有点空,没有价值观。
这是一个掠夺者。我添加了一些值,因此您可以看到更改。它在萨斯,但没有太大的区别。
.portfolio .tt-overlay, .portfolio .links { opacity: 0; }