Question

我只是不确定为什么这些转变如此滞后。我以前从来没有遇到过这种情况。
我的代码是：

 <section class='containgrid'>
    <div class="grid">         
      <div class="unit one-third">
        <div class="eventbox">
                 <img class='imgfit' src='images/choice1.jpg'/>               
        <h2 class='contactheading'>Questions?</h2>
        <h3 id='subheading'>subheading</h3>         
            </div>     
     </div>
     </div>
          </section>

未显示另外2个＆＃34;单位三分之一＆＃34; s，为了清楚起见我将它们拿出来，但其他两个与第一个完全相同。你可以告诉我使用gridism进行简单的网格布局，我的相关css代码是这样的：

.imgfit{
    width:98%;
    margin:.2em;
    height:375px;
}
.eventbox{
    background-color:#F1EFEF;
    margin-top:15%;
    width:100%;
    -webkit-transition: background-color 0.3s;
    -moz-transition:  background-color 0.3s;
    transition:  background-color 0.3s;
    -webkit-transition: border 0.3s;
    -moz-transition:  border 0.3s;
    transition:  border 0.3s;
    border:solid #F1EFEF .2em;
}
.eventbox:hover{
    background-color:#DBDBDB;
    border:solid #7D7D7D .2em;

}

这对我来说似乎非常简单，但是当我在浏览器中打开它时，它变得非常迟钝而且根本不流畅。为什么？

Css过渡非常不稳定

0 个答案: