主页 / 问题 / 1448940
Accepted
Oliver Patterson
Asked:2022-09-16 01:24:58 +0000 UTC2022-09-16 01:24:58 +0000 UTC

从照片中获取渐变

  • 772

有一张带渐变的照片，我需要一个 CSS 渐变。你能帮忙吗？有什么工具可以做到这一点吗？（在布局中，插入了照片）

使用 poke 方法，我能够得到一个渐变，但它不是很相似。（由于某种原因，它无法在片段中正确显示） 

body
{
  background: linear-gradient(-35deg, #7889B0  0%, #7FA9D0 75%, #CACFCC 100%);
}

所需渐变： 在此处输入图像描述

css

0 个回答

  1. Best Answer

    背景渐变以某种方式笨拙地显示..您可以尝试在那里使用 background-img 做类似的事情，似乎没有这样的碰撞..

    .a {
  width: 500px;
  height: 280px;
  background: -webkit-radial-gradient(10% 15%, #E7DECA, #77baca 47%, #607bb1 90%);
  filter: blur(0.5px);
}

.a::before {
  content: '';
  width: 500px;
  height: 280px;
  position: absolute;
  background: -webkit-radial-gradient(98% 75%, transparent, #77baca 47%, transparent 95%);
  filter: blur(3px);
}

.a::after {
  content: '';
  width: 500px;
  height: 280px;
  position: absolute;
  background: -webkit-radial-gradient(-60% 100%, #607bb1 1%, transparent 50%, transparent 66%);
  filter: blur(3px);
}
    <div class='a'></div>

    • 3

相关问题