用HTML怎么在网页中实现图片渐变应该怎么写？

太极八卦图 • 2023-4-15 • 随笔 • 阅读 27

HTML中只能实现背景背景渐变。

图片不能实现渐变，图片只能通过CSS滤镜实现：灰度，模糊，褐色，曝光，反色，色相旋转，阴影，透明，改变饱和度，改变对比度，这些效果。

要真正实现图片渐变，只能用Photoshop来修改图片，然后把图片作为HTML文件的背景。

1、HTML实现渐变

<!DOCTYPE html>

<html>

<head>

<style>

#week{

width: 600px

height: 600px

background: linear-gradient(red, yellow, blue)

border-radius: 300px

}

</style>

</head>

<body>

</div>

</body>

</html>

2、实现效果

欢迎分享，转载请注明来源：内存溢出

图片背景滤镜效果灰度

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-04-15

下一篇 2023-04-15

登录后才能评论

用HTML怎么在网页中实现图片渐变 应该怎么写？