Html 另一个元素的CSS悬停转换

这就是我所做的，现在我需要设置过渡动画，使其几乎从100x100开始，到900x300（宽x高）结束

我该如何解决这个问题？我做错了什么

---

***我知道使用B标签不是最好的，但我得到了这个作为我唯一的选择

如果将类放在正确的元素中，转换就会起作用

更改此项：

标题

为此：

标题

HTML

---

最好先列出css3属性的所有浏览器前缀，然后列出实际属性

你在用什么浏览器？chrome，我也有其他浏览器的转换标签，只是想确定一下。

<b> title </b>
<ol>
    <li> list </li>
</ol>

ol
{   width: 100px; height: 100px;   
transition: all  3s; 
-webkit-transition: all 3s;
}

b.title
{
   background-color: #000000; 
} 

b.title:hover + ol 
{
 width: 925px;
 height: 160px; 
 display: block; 
}

     <b class="title">title</b>
     <ol>
         <li>List</li>
     </ol>

     ol{
     width:100px;
     height:100px;
     -webkit-transition: all 3s linear;
     -moz-transition: all 3s linear;
     -o-transition: all 3s linear;
      transition: all 3s linear;
     }

     .title:hover{
     display:block;
     width:925px;
     height:160px;
     }