如何在CSS3中按下一个按钮以轻松进出？

我正试图让我的导航栏标题的标志，以方便在点击/释放

当前，当您单击徽标时，图像会正确地变缓，但当您释放时，图像会反弹，不会恢复到正常大小

CSS3有什么问题吗

.navbar品牌{
高度：40px；
宽度：182px；
文本缩进：100%；
溢出：隐藏；
空白：nowrap；
背景：url（'https://www.sketchappsources.com/resources/source-image/twitterlogo_1x.png’）左中无重复；
背景尺寸：自动40px；
变换：比例（1,1）；
过渡时间功能：轻松进入；
过渡：0.2s；
}
.navbar品牌：主动{
过渡定时功能：缓解；
过渡：.5s；
变换：比例（.95，.95）；
}

搜寻

使用

transition:ease in out all.5s

而不是

转换定时功能

和

转换

目前你只是在放松，而不是放松。在这种情况下，必须设置元素的动画，而不是：active

---

JSfiddle

@napprentice否，您也应该使用SO的编辑器。@napprentice在编辑器中单击snippet或CTRL+M。感谢您的否决票？@napprentice什么浏览器？刚刚将snippet添加到问题中。Browser=chrometh完成了谢谢。。。事实证明，react导致了整个页面的刷新，这是由于一个错误的URL导致了整个页面的刷新。谢谢你的帮助