Question

css3 transition这个动画效果怎么写？hover下的某一块div ,而不是div:hover,这个div

写的有点多，新手应该都会遇到这个问题
我看大部分的例子都是这样
div
{
width:100px;
height:100px;
background:blue;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}

div:hover
{
width:300px;
}
直接对div实现效果

而我需要的是
当当鼠标放在div.editor这个div上，div.editor这个div出现的动画效果
.product-index .editor:hover .editor1
{ display: block; position: absolute; top: 90px; left: 100px;

}

Answer 1

.product-index .editor .editor1 { /* 设置默认属性 */
    width: 100px;height: 100px;
    background-color: green;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.product-index .editor:hover .editor1 { /* 这是变换属性 */
    width: 200px;
    background-color: skyblue;
}

望采纳