所以问题是我正在开发某种电子商务网站，在这里用户可以“喜欢”或“不同”他们购买的商品。 我正在寻找按钮作为INSTAGRAM中的按钮 - 点击时的心形变为红色并在过渡期间显示轻微的动画。
我在Bootstrap中使用了一个glyphicon，笑脸，并且使用background-color:yellow;很好地改变了图标所在的正方形的颜色。
我在jquery和其他东西上都不是很好，所以我希望在CSS中实现这一点，如果它可能的话。或者我应该使用两个不同的图像。
答案 0 :(得分：0)
在平面css中，持久化更改 - 意味着你点击某些东西，它会改变它的外观而永远不会改变 - 是不可能的。 你在css中可以做的就是对悬停起作用，但当你的鼠标停止盘旋＆＃34;心脏时，它会消失。 我真的建议使用jQuery，它的使用简单，每个人有时会迈出第一步，你不会后悔有一点经验。
在jQuery中，您可以将.click()事件应用于您的“喜欢”按钮，如果它被触发，请使用.animate()将其放大并更改其背景颜色，例如200ms过渡，然后执行反向放大，也是animate()。
这是最漂亮和最简单的方法，如果你想创建一个像网站一样的电子商务，它可以通过它的外观来吸引人们，你无论如何都不能在没有jQuery的情况下正确地做到这一点。