html css 给图像图片应用色相旋转
html css 给图像图片应用色相旋转
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<style>5
.img_r {6
-webkit-filter: hue-rotate(90deg); /* Chrome, Safari, Opera */7
filter: hue-rotate(90deg);8
}9
</style>10
</head>11
<body>12
<p>原图片</p>13
<img src="https://nowjava.com/web-res/ui/201910/17/dptmcewi8.png" alt="Pineapple" width="200" height="200">14
15
<p>给图像应用色相旋转:</p>16
17
<img class="img_r" src="https://nowjava.com/web-res/ui/201910/17/dptmcewi8.png" alt="Pineapple" width="200" height="200">18
19
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java