css - 有 3 种颜色的 sass 边框，可能吗？

Question

那么，我正在尝试创建一个 1px 的边框，颜色为 30% 绿色、20% 红色、27% 蓝色，不透明度为 70%，这可能吗？我正在使用 sass，但我还没有找到实现它的方法

.box
  width: 100px
  height: 100px
  background: gray
  margin: 50px auto 0 auto
  border-color: #ff0000 #0000ff

我的笔:http://codepen.io/mejingjard/pen/xwxLKO?editors=110

Answer 1

是的，这是可能的，而且使用 rgba()

实际上非常简单

border-color: rgba(20%,30%,27%,0.7);

阅读关于这个和更多 sass 颜色函数的信息 http://sass-lang.com/documentation/Sass/Script/Functions.html#rgba-instance_method