Photoshop样式在CSS中看起来有所不同-我不知道为什么,有解决方案吗?

我正在尝试将按钮的样式从Photoshop复制到CSS,但是结果看起来并不相同。 我手动尝试过,colorzilla,在photoshop中甚至是扩展程序中的“复制css样式”,都执行相同的操作,但结果并不相同。

这是我从样式导出中获得的代码:

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ffc243;
-webkit-box-shadow: 0 11px 13px rgba(1,1,.28);
-moz-box-shadow: 0 11px 13px rgba(1,.28);
box-shadow: 0 11px 13px rgba(1,.28);
border: solid 4px #fff;
background-image: -webkit-linear-gradient(top,rgba(0,.01),rgba(224,224,.14) 6%,.57) 25%,.09));
background-image: -moz-linear-gradient(top,.09));
background-image: -o-linear-gradient(top,.09));
background-image: -ms-linear-gradient(top,.09));
background-image: linear-gradient(to bottom,.09));

这是photoshop和CSS之间的比较:

Photoshop样式在CSS中看起来有所不同-我不知道为什么,有解决方案吗?

因此,非常感谢您的帮助或解释。

谢谢。

编辑:只是为了确定-我的问题是颜色和渐变,没有别的。

huangfeng802 回答:Photoshop样式在CSS中看起来有所不同-我不知道为什么,有解决方案吗?

您正在使用rgba代码进行渐变。尝试仅使用不透明的rgb。不透明度会降低颜色的亮度/新鲜度。

本文链接:https://www.f2er.com/3013964.html

大家都在问