css-transitions - 奇怪的CSS转换

  显示原文与译文双语对照的内容

当我尝试创建过渡时,样式会逐渐淡入到元素,而不仅仅是在悬停的( 一个例子) 中。 我真的不知道这个问题是什么,不知道从哪里开始修复这个问题。

例如:


input[type='text'] {
 transition:.15s all;
 -webkit-transition:.15s all;
 -moz-transition:.15s all;
 border: 1px solid #DEDEDE;
 border-radius: 5px;
 color: #545454;
 font-size: 15px;
 padding: 4px;
 margin-bottom: 6px;
}

大小,当我加载页面时扩展,以及边框。 关于这个问题的任何想法?

时间:

这里的问题是,你将转换设置为默认。 如果你这样做:


input[type='text'] {
 border: 1px solid #DEDEDE;
 border-radius: 5px;
 color: #545454;
 font-size: 15px;
 padding: 4px;
 margin-bottom: 6px;
}

input[type='text']:hover {
 transition:.15s all;
 -webkit-transition:.15s all;
 -moz-transition:.15s all;
 font-size: 17px;
 color: black;
}

它只会在你悬停输入的时候激活转换。

...