javascript - 我想要一个垂直(反馈)按钮在鼠标悬停时有一个轻微的动画滑出效果

Question

这是我想要实现的示例 - http://home.mcafee.com/default.aspx

我想知道如何让页面右侧的反馈标签/按钮稍微打开而不是完全滑出。然后单击，我想打开一个页面(不是 jquery 表单，而是一个页面)。

有什么帮助吗？

提前致谢。

Answer 1

CSS3 过渡

#feedback {
     transition:width 1s;
     -moz-transition:width 1s; /* Firefox 4 */
     -webkit-transition:width 1s; /* Safari and Chrome */
     -o-transition:width 1s; /* Opera */
     background:#ccc url(http://home.mcafee.com/OpinionLab/img/oo_tab_icon.gif) no-repeat 50% 90%;
     position:fixed;
     width:30px;
     height:100px;
     border:solid #666 1px;
     right:-10px;
     top:30%;
     padding:0px 5px 5px 0px;
}

#feedback:hover
{
     width:50px;
}