个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我想给一些图像添加羽毛。这是我想要得到的结果:
我意识到这个问题之前已经发布过，并且我已经查看了使用例如 box-shadow attr 的选项。我虽然对这种方法有疑问。我要把这张照片放在 webm 上，所以背景不会总是保持不变。这就是为什么我必须让羽毛透明，我还没有运气!这在 CSS 中是否可行？这是我到目前为止使用 box-shadow 时得到的结果:
body{
background:green;
}
div {
background: red;
width: 200px;
height: 142px;
position: relative;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: inset 0 0 18px 20px #fff;
box-shadow: inset 0 0 18px 20px #fff;
}<html>
<body>
<div></div>
</body>
</html>我知道你们中的很多人只会评论说我可以将阴影的颜色设置为绿色，但如前所述，我想让它透明，因为背景会不断变化。
提前感谢您的任何意见!
最佳答案
您可以使用 javascript 来实现，这是我刚刚制作的一个简单的 jQuery 插件，它可以处理背景图像和某些标记。
它不是一个完整的和经过测试的插件，我只是在几分钟内用几行代码展示了这个概念
$.fn.blurry = function(amount) {
amount = amount || 10;
return this.each(function() {
var els = [];
for (var i = amount; i--;) {
var el = $('<' + this.tagName + '/>'),
a = amount - i;
el.css('cssText', this.style.cssText);
el.css({
position : 'absolute',
top : $(this).position().top + a,
left : $(this).position().left + a,
height : $(this).height() - (a*2),
width : $(this).width() - (a*2),
opacity : 1/i,
backgroundPosition : '-' + a + 'px -' + a +'px'
});
els.push(el);
}
$(this).parent().append(els).end().remove();
});
}
这是一个 demonstration
关于javascript - 如何通过css制作透明的羽毛首选项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34403384/
24
4
0
我正在工作中学习 Node 和 Feathers。需要制作一个简单的应用程序，该应用程序将使用 Feather 来加载带有示例数据的 [nedb]。 var fake = require('./fak
我想为需要加载一些关联的某些羽毛服务调用。问题是，当我使用钩子(Hook)以“羽毛方式”进行操作时，钩子(Hook)不是一次性的，而是继续使用。有没有办法做一个“羽毛方式一次性关联”？钩子(Hook)
我们如何创建或添加下面的示例参数作为验证查询参数。我试过下面的东西，但它是错误的。有人有想法吗？谢谢。 #网址 http://localhost:3030/peopltable?$or[0][adde
我正在为 mysql 数据库使用 Sequelize。 当我使用 Postman 的 Find 函数时，它返回: { "total": 1, "limit": 10, "ski
我正在使用 FeathersJS 和 ReactJs 来构建一个应用程序，现在我陷入了某个问题。 我正在处理的用户界面是一个表格，我有一个导航栏来控制展示的数据，就像在图像中一样。 在选择中，用户可以
我有一个非常基本的feess服务，它使用feathers-mongoose包将数据存储在mongoose中。问题在于获取功能。我的模型如下: module.exports = function (ap
我正在使用feathersjs(带有websockets)并在我的服务器上进行 Sequelize 并升级到Buzzard版本。这个钩子(Hook)在我的服务器上，在升级之前可以正常工作: ``` m
我是一名优秀的程序员,十分优秀！