嵌套类的CSS转换

时间:2016-07-30 05:24:04

标签: html css css3 animation css-transitions

我正在尝试使用纯CSS创建动画。 这是我的html结构

portfolio-image

我的CSS样式

portfolio-image

我无法让它发挥作用。

在这种情况下,如果tt-overlay的{​​c}动画样式比linkstt-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>

1 个答案:

答案 0 :(得分:0)

您尚未为元素设置初始不透明度,并且每个动画元素都应具有过渡属性。 +你的例子有点空,没有价值观。

这是一个掠夺者。我添加了一些值,因此您可以看到更改。它在萨斯,但没有太大的区别。

.portfolio .tt-overlay, .portfolio .links { opacity: 0; }

https://plnkr.co/edit/ll29vpEkifg68W0yvaal?p=preview