html鼠标放在图片上图片变色点赞效果

HTML鼠标放在图片上图片变色点赞效果是一种非常有用的网页设计技巧，可以让用户更容易地识别图片，并且更容易地点赞。要实现这种效果，可以使用CSS的hover属性，将鼠标放在图片上时，图片变色，以及使用JavaScript的onclick事件，当用户点击图片时，图片变色，并显示点赞效果。

1、打开编辑器，新建一个HTML，并定义一个div，并给50px的高度：

2、接下来在style中设置div的样式，这里使用linear-gradient()编写一个默认方向的红蓝渐变，渐变的方向可以省略的：

3、如果想设置渐变方向为从右至左，只需要给linear-gradient加一个“to left”属性就可以了：

4、保存文件查看生成的指定方向的渐变，可以看到浏览器中显示出红蓝的渐变色。以上就是用在html中设置渐变色的步骤：

---